写作不易,虽然知识是开源的,但是总结是要付出的,希望各位看官能来个一键三连,有条件的话我不介意您来个打赏
腾讯位置服务-微信小程序开发指南

注册登录与认证
注册账号

验证姓名、手机号及邮箱

开发者秘钥申请

将key留存复制

key设置:关联小程序APP

地图样式的选择

在微信6.7.3及以上版本支持,第一步在样式选择页面中,配置key所对应的个性化样式,然后勾选小程序选项并填写小程序的App id并提交完成前期准备。


小程序中设置subkey
在小程序中设置subkey属性为与个性化样式绑定的腾讯位置服务官网key值,并将layer-style属性设置为该key绑定个性化样式的style编号(1,2,3),即可生效。如上图style 1为微信深色样式,那么将layer-style赋值为1。
<map
id="map"
subkey="{{key}}"
longitude="116.273514"
latitude="40.040417"
scale="14"
layer-style="1"
></map>
个性化图层的使用
通过个性化图层编辑平台,开发者可以按照自己的业务场景或风格喜好将精美绘图生成地图展示所用的瓦片并放到合适的位置,提升如景区、园区在地图中的展现效果。平台提供服务进行瓦片制作、图层存储、权限管理等,对于调用自定义瓦片图层(TileOverlay)接口的使用成本大幅降低。
第一步 创建图层
开发者基于上传已经切好的瓦片或待切的图片选择所需的创建图层方式。用户上传的瓦片/图片需要和腾讯地图的路网契合才能达到最理想的效果。

第二步 编辑图层
编辑图层针对于上传图片生成图层的开发者使用。不同子图层可以用来展现不同位置的精美绘图,如丽江古城和故宫。也可以将一个景区的瓦片通过多张图片生成,从而防止压缩、拉伸造成不清晰的情况。待所有切图进度都完成后提交审核,审核通过后图层才可使用。

点击“新增图层瓦片”进行子图层编辑。首先上传图片,然后进行图片选位,通过拖动底图和图片将图片放置在用户希望展现的位置,也可以通过搜索位置进行跳转。最后确定制作瓦片的层级进行切图。
注:图片选位中透明度仅用来方便位置选择,和图层透明度无关。若图片大小不能和用户想要的位置契合可以打开长宽比锁进行缩放,但可能会造成失真。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5W8ows5T-1611633997863)(gitee.com/adamself/pi…)]
第三步 使用图层
点击“前往绑定图层和密钥”,进行图层发布。选择Key和审核后的图层进行绑定,并在各应用平台调用接口,填写图层id进行调用。具体可以查看各平台开发指南。

常见问题
微信小程序SDK
小程序SDK在真机调试为什么请求失败?
请您检查是否在小程序官网设置了 request合法域名: apis.map.qq.com。
微信小程序SDK如何根据经纬度计算面积?
微信小程序SDK暂不支持根据经纬度计算面积。
QQ小程序是否支持接入地图服务?
目前不支持QQ小程序接入。
为什么无法在开发者工具中使用海外地图?
小程序默认开启访问海外地图权限,但是在开发者工具中不支持,需要您使用开发者工具的预览功能或者真机调试功能才能正常使用。
使用小程序定位位置不准?
1). 小程序默认坐标是wgs84,您需设置为gcj02再试
2). 在开发者工具使用wx.getlocation方法使用的是IP定位,定位有偏差是正常的,非SDK问题,无需排查解决。
微信小程序SDK如何实现内部导航功能?
微信小程序是需要打开地图APP在调起导航,无法实现在小程序内部直接导航。
小程序SDK签名失败?
小程序 v1.0和v1.1版本不支持签名,v1.2版本支持签名,需要去官网下载v1.2版本SDK,参数为sig(即当前使用的key生成的SK字符串),链接:lbs.qq.com/qqmap_wx_js…
微信小程序设置appid和小程序官网设置域名并授权位置服务有什么关系和联系?
小程序的appid是小程序开发者的唯一标识,小程序SDK是需要webserviceAPI的部分功能,小程序官网设置域名是因为小程序有安全策略,请求外部接口,需要设置request安全域名
微信小程序可以直接调用webservice接口吗?
可以直接调用webserviceAPI接口,使用wx.request(Object object)方法调用,具体用法见小程序官网:developers.weixin.qq.com/miniprogram…
微信小程序SDK v1.2的包里有两个sdk,qqmap-wx-jssdk.js和qqmap-wx-jssdk-min.js,这两个包的区别在哪?
min.js是压缩后的,体积小。.js是未压缩的代码,可用于调试问题,体积较大。
微信小程序插件
小程序插件是否支持手绘图?
目前不支持。
小程序插件支持签名验证吗?
不支持。小程序插件只支持白名单验证,您可以参考官网文档进行设置:lbs.qq.com/miniprogram… 。
小程序插件支持浏览器url访问吗?
不支持,小程序插件只能在小程序中运行。
使用微信小程序插件页面空白?
(1)请您确认是否传入插件页面的必填参数key和referer;
(2)请您确认是否绑定小程序APPID。
使用微信小程序插件提示插件未授权使用?
请您在此页面https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx50b5593e81dd937a&token=&lang=zh_CN申请添加插件。
为何小程序插件一直在审核中?
(1)请您确认是否传入插件页面的必填参数key和referer;
(2)请您确认是否绑定小程序APPID。
使用微信小程序插件提示插件未授权使用?
请您在此页面https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx50b5593e81dd937a&token=&lang=zh_CN申请添加插件。
为何小程序插件一直在审核中?
您好,我们的插件不需要审核,请您浏览我们的插件官网
写在最后
不要只因一次挫败,就忘记你原先决定想达到的远方。当你勇敢地去追梦,全世界都会帮你。