小程序如何对接点击跳转地图?

1、查询指定地点经纬度网址:http://www.gpsspg.com/maps.htm

2、在根app.json文件声明权限:

{
  "pages": [
  ...
  ],
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示" 
    }
  },
  "window": {
  ...
  },
  ...
}

3、在具体的wxml绑定点击事件和在js文件做跳转

//绑定事件
<view class="location">
    <text bindtap="bindMapTap" class="location-text">科兴科学园       
</text>

//事件处理
 bindMapTap: function () {
    wx.getLocation({
      type: 'wgs84',
      success: function (res) {
        wx.openLocation({//​使用微信内置地图查看位置。
          latitude: 23.1064700000, //要去的纬度-地址
          longitude: 113.3244600000,//要去的经度-地址
          name: "小蛮腰",//地名
          address: '广州塔'//简介
        })
      }
    })
  },

4、最终显示
image.png

回到稻壳网首页
稻壳客服

扫一扫,微信咨询

请留下需求和联系方式,我们即刻为您准备方案
需求提交成功

提交成功

免费服务热线021-61676039(工作日9:00 ~ 18:00)
×
稻壳客服

扫一扫,微信咨询