微信小程序使用map结合腾讯地图api解决搜索补全以及获取附近

于丸

已于 2022-10-17 17:27:32 修改

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：原生微信小程序总结以及注意事项文章标签：微信小程序前端 javascript

于 2019-09-30 14:26:16 首次发布

本文链接：https://blog.youkuaiyun.com/Ych_cxy/article/details/101770951

html

<view class='view-c'>
<view class='view-top'>
<text style="font-size: 24rpx;margin-top: 40rpx;  color: #b65151">当前：{
  {district}}</text>
<input placeholder="输入城市"  class='input' bindinput="getsuggest" value="{
  {detail}}" />
</view>
<!-- 搜索 -->
<view wx:for="{
  {suggestion}}" wx:key="{
  {item.id}}" hidden="{
  {!show_map}}">
    <!--绑定回填事件-->
    <view class="item" bindtap="backfill" id="{
  {item.id}}">
      <view class='item-title'>{
  {item.title}}</view>

      <view class='item-details'>{
  {item.addr}}</view>
    </view>
</view>
<map
id="ofoMap"
longitude="{
  {longitude}}" latitude="{
  {latitude}}" 
show-location
bindregionchange="bindregionchange"
hidden="{
  {show_map}}"
>
<cover-image class="zhen" src="/img/11.jpg"></cover-image>

<cover-image class="hui" src="/img/11.jpg" bindtap="go_center"></cover-image>
</map>
<view wx:for="{
  {suggestion1}}" wx:key="{
  {item.id}}" hidden="{
  {show_map}}">
    <!--绑定回填事件-->
    &l