uni-app使用腾讯地图（三）

uni-app使用腾讯地图（一）

uni-app使用腾讯地图（二）

为什么要用个性化地图，提高不同场景下地图的展现效果和用户体验。

为什么选择腾讯位置服务个性化地图：

1.登录腾讯位置服务

2.验证手机 与 邮箱

3.申请开发密钥（Key）

4.选择您需要的产品

位置展示组件

路线规划组件

前端定位组件

1.我申请了开发者密钥key

2.开通和誉webserviceAPI服务：控制台 ->key管理 ->设置（使用该功能的key）->勾选webserviceAPI ->保存

(小程序SDK需要用到webserviceAPI的部分服务，所以使用该功能的KEY需要具备相应的权限)

日调用量：1万次 / Key----并发数：5次 / key / 秒 。

我返回的数据如图：

QQMapWX – 小程序JavaScriptSDK核空棚姿心类 – new QQMapWX(options:Object)

地点搜索：

效果如图：

预览效果如图下：

geocoder – 提供由地址描述到所述位置坐标的转换，与逆地址解析reverseGeocoder()的过程正好相反。

预览效果如图：

预览效果图如下：

调用获取城市列表接口，效果图如下：

获取城市区县，效果图如下：

腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组斗绝件和位置展示、地图选点等地图API位置服务能力支持，使得开发者可以自由地实现自己的微信小程序产品。 在此基础上，腾讯位置服务微信小程序JavaScript SDK是专为小程序开发者提供的LBS数据服务工具包，可以在小程序中调用腾讯位置服务的POI检索、关键词输入提示、地址解析、逆地址解析、行政区划和距离计算等数据服务，让您的小程序更强大！

近期在做一款彩票服务类项目中用到了腾讯地图提供的小程序解决方案，拿来给大家分享一下！

使用起来非常简单，就是一些功能还有待完善。

官方文档旁陵： http://lbs.qq.com/qqmap_wx_jssdk/index.html

步骤：

结果效果图：

5.1.2 buy.wxml 主要样式运余戚采用weui

5.2 关键词输入提示getSuggestion(options:Object)

用于获取输入关键字的补完与提示，帮助用户快速输入。

示例：

5.3 距离计算calculateDistance(options:Object)

计算一个点到多点的毁握步行、驾车距离。

示例：

5.4 另外还有以下功能，就不一一演示了。

点击添加店铺，首先要确定店宴悄铺的地理位置信息，这里会需要用到腾讯地图，直接输入门店所在的省市，再晌空渣搜索门店名称，这样地图上就会出现所选店铺，选定之后，填写门店名称，注意，门亏弊店名称一旦填写就不可以更改了，所以需要慎重 *** 作。

此外，商家还需要上传店铺内外的实景图片，数量不能超过9张，最后一步是要确认门店资质，这里可以选择与公众号一致，这样在推广的时候也较方便，如果没有选择与公众号一致，可能需要另外上传相关的证明材料。

---