微信小程序中使用腾讯地图sdk

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

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

官方文档旁陵： 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 另外还有以下功能，就不一一演示了。

腾讯位置服务使用方法详解（一）

腾讯位置服务使用方法详解（二）

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

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

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检索、关键词输入物桐提示、地址解析、逆地址解析、行政区划和距离计算等数据服务，让您的小程序更强大！

---