美文网首页
微信小程序中使用腾讯位置服务,点击地图获取poi,或者是关键词搜

微信小程序中使用腾讯位置服务,点击地图获取poi,或者是关键词搜

作者: 虚幻的锈色 | 来源:发表于2019-11-18 18:49 被阅读0次
如果在小程序中使用地图poi点击获取位置的情况,可以使用腾讯推出的 位置服务 小程序版。特别方便,可以搜索,也可以移动选点,而且还有附近的poi展示。
image.png image.png image.png

1、插件申请接入:

在腾讯公众平台中, “微信小程序官方后台-设置-第三方服务-插件管理” 里点击 “添加插件”,搜索 “腾讯位置服务地图选点” 申请,审核通过后,小程序开发者可在小程序内使用该插件。


image.png

2、引入插件包: 地图选点appId: wx76a9a06e5b4e693e (点击浏览插件最新版本)

// app.json
{
    "plugins": {
        "chooseLocation": {
        "version": "1.0.0",
        "provider": "wx76a9a06e5b4e693e"
        }
    }
}        

3、设置定位授权:

地图选点插件需要小程序提供定位授权才能够正常使用定位功能:

// app.json
    {
    "permission": {
        "scope.userLocation": {
        "desc": "你的位置信息将用于小程序定位"
        }
    }
}

4、使用插件:

插件页面调用示例:

const key = ''; //使用在腾讯位置服务申请的key
const referer = ''; //调用插件的app的名称
// 初始位置的经纬度,如果不传 默认当前位置
const location = JSON.stringify({
  latitude: 39.89631551,
  longitude: 116.323459711
});
const category = '生活服务,娱乐休闲';
 
wx.navigateTo({
  url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer + '&location=' + location + '&category' + category
});

5、插件返回数据

//地图返回 在页面的 onShow中 获取数据返回。
        const location = chooseLocation.getLocation();
  // 返回的数据放在这个对象里面
        if (location) {
          allData.address_name = location.name;
          allData.address = location.address;
          allData.address_poi = location.latitude + ',' + location.longitude;
        }

相关文章

网友评论

      本文标题:微信小程序中使用腾讯位置服务,点击地图获取poi,或者是关键词搜

      本文链接:https://www.haomeiwen.com/subject/dvwbictx.html