小程序-根据经纬度跳转地图

  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: '广州塔'//简介
        })
      }
    })
  },
  1. 最终显示
    广州小蛮腰.jpg

推荐阅读更多精彩内容