微信小程序之地图关键词输入提示，点击地点打开相应位置

运行效果

​

​功能介绍

本案例采用腾讯位置服务中关键词输入提示方法，对用户输入的关键词进行补齐，并弹出返回匹配度高的结果，用户点击任意一个结果，打开此位置，之后可以借助于微信内置地图来实现导航等后续功能。

主要代码

wxml页面

框架页面中主要包含一个全屏显示的地图组件、一个位于顶部的输入框组件和位置呈现区域的view组件

<map id="map" longitude="{
  {longitude}}" latitude="{
  {latitude}}" markers="{
  {markers}}" show-location></map><input type="text" bindinput="getsuggest" value="{
  {backfill}}"></input><view class="keywords" wx:if="{
  {suggestion}}"><view  wx:for="{
  {suggestion}}" wx:key="index">      <view bindtap="openThis" data-longitude="{
  {item.longitude}}"