loading请求处理中...

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

2021-12-03 06:29:08 阅读 10529次 标签: 开发 作者: yipinweike01

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

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

  工具/原料

  微信开发者工具

  方法/步骤

  首先在微信开发者工具中打开需要设置拨号及地图导航的项目。

  我这里已经做得差不多了,就以此为例。

  

  我这里在关于我们的页面做拨号及导航,新建一个目录命名为me,继续新建me.js me.json me.wxml me.wxss

  

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

  

  在me.js 中添加函数,这里一个是拨号一个是导航。代码部分如下:

  telephone() {

  wx.makePhoneCall({

  phoneNumber: "05112222210"

  })

  },

  navigationbutton() {

  wx.getLocation({

  type: 'gcj02', //返回可以用于wx.openLocation的经纬度

  success: function (res) {

  var latitude = res.latitude

  var longitude = res.longitude

  wx.openLocation({

  latitude: 35.807355,

  longitude: 123.188998,

  name: "公司",

  scale: 14

  })

  }

  })

  }

  

  最后在me.wxml写上具体的内容,包括需要展示的地址电话等等。

  注意上一步代码里的电话和经纬度一定要正确,否则不能正确使用。

  

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

  

好了,由于时间关系,就和大家分享这些的知识点了,如果你有网络百度推广、app开发、小程序开发,装修,营销策划等需要,欢迎到一品威客网发布任务,让服务商为您服务。

开发公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
相关任务
DESIGN TASK 更多
回合制游戏开发

¥20000 已有3人投标

同城物流小程序开发

¥10000 已有25人投标

摊位信息撮合平台APP开发

¥50000 已有14人投标

小程序二次开发和维护升级

¥5000 已有21人投标

咸鱼链接验证系统开发

¥1000 已有0人投标