<map id="Map" :scale="scaleNum" style="width: 100%; height: 100vh" :latitude="nlat" :longitude="nlon"
:markers="markers" @poitap="poiTap" @regionchange="regionChange" customCallout="callout"
@callouttap="markerItemFun" show-location>
<cover-view slot="callout">
<cover-view v-for="(item,index) in markers" :key="item.id">
<cover-view class="map-label-box" :marker-id="item.id">
<cover-image class="map-label-img"
src="https://staticfiles.ehutong.net/resources/ehutong-20240423-map-icon-1.png" mode=""></cover-image>
<cover-view>{{item.distnm}}</cover-view>
<cover-view class="text-1"> {{item.count}}</cover-view>
<cover-view class="text-2">人</cover-view>
</cover-view>
</cover-view>
</cover-view>
</map>
configIcon: {
iconPath: '/static/image/location-icon2.png',
width: 18,
height: 18,
alpha: 0
},
- 发布:2024-05-11 14:16
- 更新:2024-07-24 23:40
- 阅读:189
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 14.2.1 (23C71)
HBuilderX类型: 正式
HBuilderX版本号: 4.14
第三方开发者工具版本号: 1.06.2402030
基础库版本号: 3.3.4
项目创建方式: HBuilderX
操作步骤:
预期结果:
<map id="Map" :scale="scaleNum" style="width: 100%; height: 100vh" :latitude="nlat" :longitude="nlon"
:markers="markers" @poitap="poiTap" @regionchange="regionChange" customCallout="callout"
@callouttap="markerItemFun" show-location>
<cover-view slot="callout">
<cover-view v-for="(item,index) in markers" :key="item.id">
<cover-view class="map-label-box" :marker-id="item.id">
<cover-image class="map-label-img"
src="https://staticfiles.ehutong.net/resources/ehutong-20240423-map-icon-1.png" mode=""></cover-image>
<cover-view>{{item.distnm}}</cover-view>
<cover-view class="text-1"> {{item.count}}</cover-view>
<cover-view class="text-2">人</cover-view>
</cover-view>
</cover-view>
</cover-view>
</map>
configIcon: {
iconPath: '/static/image/location-icon2.png',
width: 18,
height: 18,
alpha: 0
},
<map id="Map" :scale="scaleNum" style="width: 100%; height: 100vh" :latitude="nlat" :longitude="nlon"
:markers="markers" @poitap="poiTap" @regionchange="regionChange" customCallout="callout"
@callouttap="markerItemFun" show-location>
<cover-view slot="callout">
<cover-view v-for="(item,index) in markers" :key="item.id">
<cover-view class="map-label-box" :marker-id="item.id">
<cover-image class="map-label-img"
src="https://staticfiles.ehutong.net/resources/ehutong-20240423-map-icon-1.png" mode=""></cover-image>
<cover-view>{{item.distnm}}</cover-view>
<cover-view class="text-1"> {{item.count}}</cover-view>
<cover-view class="text-2">人</cover-view>
</cover-view>
</cover-view>
</cover-view>
</map>
configIcon: {
iconPath: '/static/image/location-icon2.png',
width: 18,
height: 18,
alpha: 0
},
实际结果:
<map id="Map" :scale="scaleNum" style="width: 100%; height: 100vh" :latitude="nlat" :longitude="nlon"
:markers="markers" @poitap="poiTap" @regionchange="regionChange" customCallout="callout"
@callouttap="markerItemFun" show-location>
<cover-view slot="callout">
<cover-view v-for="(item,index) in markers" :key="item.id">
<cover-view class="map-label-box" :marker-id="item.id">
<cover-image class="map-label-img"
src="https://staticfiles.ehutong.net/resources/ehutong-20240423-map-icon-1.png" mode=""></cover-image>
<cover-view>{{item.distnm}}</cover-view>
<cover-view class="text-1"> {{item.count}}</cover-view>
<cover-view class="text-2">人</cover-view>
</cover-view>
</cover-view>
</cover-view>
</map>
configIcon: {
iconPath: '/static/image/location-icon2.png',
width: 18,
height: 18,
alpha: 0
},
<map id="Map" :scale="scaleNum" style="width: 100%; height: 100vh" :latitude="nlat" :longitude="nlon"
:markers="markers" @poitap="poiTap" @regionchange="regionChange" customCallout="callout"
@callouttap="markerItemFun" show-location>
<cover-view slot="callout">
<cover-view v-for="(item,index) in markers" :key="item.id">
<cover-view class="map-label-box" :marker-id="item.id">
<cover-image class="map-label-img"
src="https://staticfiles.ehutong.net/resources/ehutong-20240423-map-icon-1.png" mode=""></cover-image>
<cover-view>{{item.distnm}}</cover-view>
<cover-view class="text-1"> {{item.count}}</cover-view>
<cover-view class="text-2">人</cover-view>
</cover-view>
</cover-view>
</cover-view>
</map>
configIcon: {
iconPath: '/static/image/location-icon2.png',
width: 18,
height: 18,
alpha: 0
},
bug描述:
uni-app map组件marker中的标注点透明度alpha设置成0且我用的自定义气泡(插槽) 在安卓手机上起泡跟图标全部隐藏了,ios正常
1 个回复
1***@qq.com
请问解决了吗,我也碰到这个问题