探索腾讯地图微信小程序（qqmapwx）

一、简介

qqmapwx是腾讯地图与微信联合推出的微信小程序，可提供地图导航、地点搜索等服务。用户可以在微信中直接搜索、打开、使用，无需下载安装独立的地图应用。

二、地图显示

地图显示是qqmapwx的核心功能之一，可以通过以下方法展示地图：

<map longitude="{{lng}}" latitude="{{lat}}">
  <marker longitude="{{lng}}" latitude="{{lat}}" />
</map>

其中longitude和latitude为经度和纬度，由腾讯地图接口提供。marker标签为地图上的标记点，可自定义样式和文本内容。

此外，微信小程序提供了地图组件的事件绑定，如regionchange事件可捕获地图视野改变时的经纬度边界值，用于实现地点搜索精度的优化。

三、地点搜索

用户可以通过搜索框输入关键词实现地点搜索。搜索结果由腾讯地图API提供，开发者需要自行处理返回结果的解析和展示。

wx.request({
  url: 'https://apis.map.qq.com/ws/place/v1/search',
  data: {
    keyword: '餐厅',
    location: '39.984154,116.307490',
    radius: 1000,
    key: 'YOUR_KEY'
  },
  success: res => {
    console.log(res);
  },
  fail: err => {
    console.error(err);
  }
})

其中keyword为搜索关键词，location和radius为搜索中心和半径，key为开发者在腾讯地图开放平台申请的API密钥。

搜索结果可以通过list或map组件展示，list为列表形式，map为地图标点形式。例如：

<list>
  <block wx:for="{{searchResult}}" wx:key="index">
    <view>{{item.title}}</view>
  </block>
</list>

四、路线规划

路线规划是地图应用的重要功能之一，qqmapwx提供了多种路线规划方式，如驾车、步行、骑行等。以下为驾车路线规划的示例代码：

wx.navigateTo({
  url: '/pages/routePlan/routePlan?type=drive&from=39.908682,116.397477&to=39.996060,116.316064'
})

其中type表示导航类型，from和to为起点和终点的经纬度。

路线规划展示需要用到地图组件和路线规划API。如下所示：

<map longitude="{{lng}}" latitude="{{lat}}">
  <polyline points="{{polyline}}" />
</map>

wx.request({
  url: 'https://apis.map.qq.com/ws/direction/v1/driving/',
  data: {
    from: '39.908682,116.397477',
    to: '39.996060,116.316064',
    key: 'YOUR_KEY'
  },
  success: res => {
    this.setData({
      polyline: res.result.routes[0].polyline
    })
  },
  fail: err => {
    console.error(err)
  }
})

其中polyline为路线的折线点集，由路线规划API返回的结果经过解析得到。polyline可以通过polyline组件展示在地图上，实现地图路线的可视化。

五、附近推荐

附近推荐可以为用户提供周围的热门场所、商家等信息。以下为获取周边餐饮信息的示例代码：

wx.request({
  url: 'https://apis.map.qq.com/ws/place/v1/search',
  data: {
    keyword: '餐厅',
    boundary: 'nearby(39.984154,116.307490,1000)',
    key: 'YOUR_KEY'
  },
  success: res => {
    console.log(res);
  },
  fail: err => {
    console.error(err);
  }
})

其中keyword为搜索关键词，boundary表示搜索的中心和半径，也可以是矩形或多边形的边界值。搜索结果同样需要进行解析和展示。

六、总结

qqmapwx是一个功能强大的微信小程序，提供了地图显示、地点搜索、路线规划、附近推荐等多种服务。通过学习和使用qqmapwx，开发者可以构建出更加丰富和实用的微信小程序。