You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
2.0 KiB
64 lines
2.0 KiB
<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>
|