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

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.1.13

手机系统： Android

手机系统版本号： Android 11

手机厂商：华为

手机机型： V1914A

页面类型： nvue

打包方式：云端

项目创建方式： HBuilderX

操作步骤：

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

预期结果：

nvue页面中<map>组件markers标记显示

实际结果：

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

bug描述：

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

2021-06-08 16:31 负责人:无分享

6 个回复

banro

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

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

小明学长

太感谢了，整体赋值就可以显示，一个个的push就不行

2022-01-06 09:54
z***@163.com

太感谢了，整体赋值就可以显示，一个个的push就不行

2022-06-29 10:51

DCloud_Android_ST

示例demo提供一下

zfyhaha (作者)

hello uni-app 里的例子不显示

2021-06-08 16:47

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，代码不动，就能显示