vue
vue
  • 发布:2024-05-11 14:16
  • 更新:2024-07-24 23:40
  • 阅读:189

【报Bug】uni-app map组件marker中的标注点透明度alpha设置成0且我用的自定义气泡(插槽) 在安卓手机上起泡跟图标全部隐藏了,ios正常

分类:uni-app

产品分类: 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  
                },  

bug描述:

uni-app map组件marker中的标注点透明度alpha设置成0且我用的自定义气泡(插槽) 在安卓手机上起泡跟图标全部隐藏了,ios正常

2024-05-11 14:16 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

请问解决了吗,我也碰到这个问题

要回复问题请先登录注册