wxamp-ymtxUser/pages/map/map.wxml

<view class="page-container">
  <!-- 按钮区域 -->
  <view class="button-group">
    <view 
      class="button {{activeTab === 'clinic' ? 'active' : ''}}" 
      bindtap="switchTab" 
      data-tab="clinic"
    >
      药店诊所
    </view>
    <view 
      class="button {{activeTab === 'guide' ? 'active' : ''}}" 
      bindtap="switchTab" 
      data-tab="guide"
    >
      办事指南
    </view>
  </view>
  
  <!-- 地图区域 -->
  <view class="map-container">
    <map 
      id="myMap" 
      enable-zoom
      latitude="{{latitude}}"
      longitude="{{longitude}}"
      enable-3D="{{true}}" 
      scale="16" 
      markers="{{markers}}"
      show-location="{{true}}"
      enable-building="{{true}}"
      bindmarkertap="onMarkerTap"
    ></map>
    
    <!-- 详情信息卡片 - 添加在地图容器内部 -->
    <view class="marker-detail-card" wx:if="{{showDetail}}">
      <view class="detail-header">
        <text class="detail-title">{{currentMarker.title}}</text>
        <text class="detail-close" bindtap="closeDetail">✕</text>
      </view>
      <view class="detail-info">
        <view class="info-item">
          <text class="info-label">类型：</text>
          <text class="info-value">{{currentMarker.merchantType}}</text>
        </view>
        <view class="info-item">
          <text class="info-label">地区：</text>
          <text class="info-value">{{currentMarker.region}}</text>
        </view>
        <view class="info-item">
          <text class="info-label">地址：</text>
          <text class="info-value">{{currentMarker.address}}</text>
        </view>
        <view class="info-item">
          <text class="info-label">坐标：</text>
          <text class="info-value">{{currentMarker.latitude}}, {{currentMarker.longitude}}</text>
        </view>
      </view>
      <view class="detail-actions">
        <button class="action-btn" bindtap="navigateToMarker">导航前往</button>
      </view>
    </view>
  </view>
</view>