微信小程序地图搜索

最新推荐文章于 2026-05-04 06:33:50 发布

原创

最新推荐文章于 2026-05-04 06:33:50 发布 · 1w 阅读

标签

#微信小程序搜索地址 #微信小程序输入关键字搜索 #微信小程序点击搜索地址定位

收录于

效果图：

输入关键字自动搜索地址

点击地址，大头针自动定位到位置

下面是代码
1. map.wxml

<view class='view-c'>
<view class='view-top'>
<text style="font-size: 24rpx;margin-top: 40rpx;  color: #b65151">当前：{
  
  {district}}</text>
<input placeholder="输入城市"  class='input-c' bindinput="getsuggest" value="{
  
  {backfill}}" />
</view>
<!-- 搜索 -->
<view wx:for="{
  
  {suggestion}}" wx:key="index" class="{
  
  {showview?'hidden':'view-center'}}">
    <!--绑定回填事件-->
    <view >
    <!--根据需求渲染相应数据-->
    <!--渲染地址title-->
    <view class='item-title'  bindtap="ba