有些微信小程序里会有地图展示,用户搜索地点可以直接调用腾讯位置服务地图选点,效果如下图。这个功能是怎么实现的呢?今天小编就给小程序制作开发人员整理了一份比较入门的微信小程序接入腾讯地图选点插件的教程

地图选点插件效果图

1、首先我们去腾讯位置服务网站(https://lbs.qq.com/)打开链接注册信息,然后依次打开个人中心—开发者信息,完善需要填写的信息。

注册完善信息

2、然后再打开key与配额—key管理,继续完善需要填写的信息,然后保存即可。(微信小程序APPID获取教程)

key管理

3、再点击最上边的开发文档—微信小程序插件—地图选点插件,然后把下图中的第2和3的代码复制到小程序开发代码的app.json文件里;第4的代码复制到当前页面的js文件夹里面。(如下图)

引入插件包

复制代码到app.json

使用插件页面调用代码

代码复制

4、然后保存刷新一下就可以看到效果了。

地图选点插件效果

5、如果确认选点后想在看控制台看到当前位置的话,就把下图里的这句代码复制过去,放在图示的最外边最上边就行了。

插件接口调用代码

复制代码到编辑器

以上就是微信小程序引入腾讯地图选点插件的入门教程,希望对大家有所帮助!