<view class="map-container">
  <!-- 搜索框 -->
  <view class="search-bar">
    <input 
      class="search-input" 
      placeholder="搜索附近地点、小区、商铺等"
      value="{{searchKey}}"
      bindinput="handleSearchInput"
      bindconfirm="handleSearchConfirm"
    />
    <button 
      class="search-btn" 
      bindtap="handleSearchConfirm"
    >
      搜索
    </button>
  </view>
  
  <!-- 地图组件 -->
  <map 
    class="map"
    longitude="{{longitude}}"
    latitude="{{latitude}}"
    markers="{{markers}}"
    show-location
    bindmarkertap="handleMarkerTap"
    bindregionchange="handleRegionChange"
  ></map>
  
  <!-- 附近地点列表 -->
  <view class="poi-list">
    <view 
      class="poi-item"
      wx:for="{{poiList}}"
      wx:key="id"
      bindtap="selectPoi"
      data-poi="{{item}}"
    >
      <view class="poi-name">{{item.title}}</view>
      <view class="poi-address">{{item.address}}</view>
    </view>
  </view>
  
  <!-- 加载提示 -->
  <view class="loading" wx:if="{{loading}}">加载中...</view>
  <view class="no-result" wx:if="{{!loading && poiList.length === 0 && searchKey.trim()}}">
    未找到相关地点，请更换关键词
  </view>
</view>