uniapp nvue模式下运用map组件实现卡口地图标注以及通过mapSearch检索周边地址，实现定位当前位置并放大地图移动到地图中心位置。

本人所在的公司最近在做共享电动车的项目，打开该应用看到的就是一副地图，可以获取附近共享电动车的地址、状态等信息，开发这个应用程序还需要在地图上规划路线、动态显示轨迹、轨迹回放等功能。共享开发的项目功能总会用到LBS（Location Based Service），即基于位置的服务，国内提供地图服务的有百度地图、高德地图、腾讯地图，本文选取的是腾讯位置服务来进行地图功能的开发。

需要申请key，速度快，有基本信息

为什么要用个性化地图，提高不同场景下地图的展现效果和用户体验。
为什么选择腾讯位置服务个性化地图：

• 个性化样式支持动态更新
• 支持全局配置和分级配置
• 编辑平台UI控件全面优化
• 每个元素可配置的属性全部开放
• 能够支持自定义的地图元素扩充为52种

2.验证手机 与 邮箱
3.申请开发密钥（Key）

// 引入SDK核心类，js文件根据自己业务，位置可自行放置 key: '自己申请，我的就不放出来了' //region:'北京', //设置城市名，限制关键词所示的地域范围，非必填参数

//获取表单传入的位置坐标,不填默认当前位置,示例为string格式 * 当get_poi为1时，检索当前位置或者location周边poi数据并在地图显示，可根据需求是否使用 //当get_poi为0时或者为不填默认值时，检索目标位置，按需使用

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

//from参数不填默认当前地址 //获取表单提交的经纬度并设置from和to参数（示例为string格式）

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

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

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