微信小程序开发如何设置拨号及导航

 时间:2024-10-13 20:16:15

小程序开发的时候最经常用到的就是拨号及地图导航了,那么这一块怎么设置呢?

工具/原料

微信开发者工具

方法/步骤

1、首先在微信开发者工具中打开需要设置拨号及地图导航的项目。我这里已经做得差不多了,就以此为例。

微信小程序开发如何设置拨号及导航

2、我这氇筐塘瓠里在关于我们的页面做拨号及导航,新建一个目录命名为me,继续新建me.jsme.jsonme.wxmlme.wxss

微信小程序开发如何设置拨号及导航

3、首先在me.wxss中设置页面的样式,包括背景颜色,字体大小,文本框间距等等内容。

微信小程序开发如何设置拨号及导航

4、在me.js中添加函数,这里一个是拨号一个是导航。代码部分如下:telephon娣定撰钠e(){wx.makeP茑霁酌绡honeCall({phoneNumber:"05112222210"})},navigationbutton(){wx.getLocation({type:'gcj02',//返回可以用于wx.openLocation的经纬度success:function(res){varlatitude=res.latitudevarlongitude=res.longitudewx.openLocation({latitude:35.807355,longitude:123.188998,name:"公司",scale:14})}})}

微信小程序开发如何设置拨号及导航

5、最后在me.wxml写上具体的内容,包括需要展示的地址电话等等。注意上一步代码里的电话和经纬度一定要正确,否则不能正确使用。

微信小程序开发如何设置拨号及导航

6、最后效果展示如下:点击拨号,点击地图导航。

微信小程序开发如何设置拨号及导航

微信小程序开发如何设置拨号及导航

墨刀工作流功能使用技巧 animate制作奥运五环 如何在ae里横排快速复制圆形 AE制作由大变小的文字教程 如何利用Axure RP 8设计出图片轮换的效果
热门搜索
精美壁纸图片大全 党旗图片大全 大转盘图片 过新年图片 87福利电影网