zfyhaha
zfyhaha
  • 发布:2021-06-08 16:31
  • 更新:2021-06-22 20:10
  • 阅读:144

【报Bug】 nvue页面中<map>组件markers标记不显示

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 3.1.13

HBuilderX类型: 正式

HBuilderX版本号: 3.1.13

手机系统: Android

手机系统版本号: Android 11

手机厂商: 华为

手机机型: V1914A

页面类型: nvue

nvue编译模式: fast

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

nvue页面中组件markers标记不显示

预期结果:

nvue页面中组件markers标记显示

实际结果:

nvue页面中组件markers标记不显示

bug描述:

nvue页面中组件markers标记不显示

2021-06-08 16:31 负责人:无 分享
已邀请:
DCloud_Android_ST

DCloud_Android_ST

示例demo提供一下

  • zfyhaha (作者)

    hello uni-app 里的例子不显示

    2021-06-08 16:47

banro

banro

+1,确实不显示

// index.nvue  

<map class="map" :style="'height:'+mapheight" v-if="hasqx" :latitude="centerlat" :longitude="centerlong" :markers="markers"></map>  

markers:[  
                    // 编辑  
                    {  
                        id:1,  
                        latitude:30,  
                        longitude:96,  
                        title:"我在这",  
                        iconPath:"../../static/images/my.png",  
                        width:24,  
                        height:24,  
                        callout:{  
                                content:"我的当前位置",  
                                color:'#ff0000',  
                                fontSize:20,  
                                bgColor:"#ffffff",  
                                padding:8,  
                                display:'ALWAYS',  
                                x:0,  
                                y:10  
                        }  

                    }  
                ]

将页面改为 vue,代码不动,就能显示

banro

banro

找到原因了,markers里经纬度如果在data里是静态写入的,可以显示,如果只是动态更改 this.markers[0].经纬度 是不会显示的

markers 需要整体替换
this.markers=新的数组
这样会显示

要回复问题请先登录注册