运行效果
功能介绍
本案例采用腾讯位置服务中关键词输入提示方法,对用户输入的关键词进行补齐,并弹出返回匹配度高的结果,用户点击任意一个结果,打开此位置,之后可以借助于微信内置地图来实现导航等后续功能。
主要代码
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}}"