不归州
不归州
  • 发布:2021-06-30 17:35
  • 更新:2022-10-12 22:11
  • 阅读:883

【报Bug】vue使用map组件自定义iconPath在安卓机无法显示

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOS Big Sur 11.4

HBuilderX类型: 正式

HBuilderX版本号: 3.1.18

手机系统: Android

手机系统版本号: Android 11

手机厂商: 小米

手机机型: 小米10

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
    <view>  
        <map class="map" :scale="14" :latitude="centerPoint.latitude"   
            :longitude="centerPoint.longitude" :markers="markers"></map>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                markers: [{  
                    latitude: 39.909,  
                    longitude: 116.39742,  
                    iconPath:"/static/dingwei.png",  
                    width:175,  
                    height:75  

                }, {  
                    latitude: 39.90,  
                    longitude: 116.39,  
                    iconPath:'../../static/dingwei.png',  
                    width:75,  
                    height:75  
                }, {  
                    latitude: 39.891,  
                    longitude: 116.39333,  
                    iconPath:"/static/dingwei.png",  
                    width:75,  
                    height:75  
                }],  
                centerPoint: {  
                    latitude: 39.909,  
                    longitude: 116.39742  
                }  

            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  
    .map{  
        width: 100%;   
        height: calc(100vh - var(--window-top));  
    }  
</style>

操作步骤:

根据代码复现

预期结果:

app中可显示自定义iconPath图片

实际结果:

app中自定义iconPath图片无效

bug描述:

如题,map组件自定义iconPath在安卓机无法显示,只显示默认蓝色图标,width和height也无效,微信小程序都显示正常,下图附代码及显示图片

2021-06-30 17:35 负责人:无 分享
已邀请:
DCloud_Android_ST

DCloud_Android_ST

收到 问题会排查一下。地图组件优先使用nvue

  • 不归州 (作者)

    嗯嗯,使用了nvue没问题,但是vue要么一致,要么直接砍掉,map组件就不要保留vue了

    2021-07-02 11:19

appnav

appnav

已经使用nvue还有同样的问题,是什么原因,你路径写对绝对路径还是相对路径

2***@qq.com

2***@qq.com

现在使用iconPath宽高还是无效,还有label也是,只显示文字

该问题目前已经被锁定, 无法添加新回复