uniapp的map组件的circles不起作用

在代码中使用到map组件,然后想在地图上画圈来显示坐标及范围


image.png

——————————————————————

定义circles:


image.png

——————————————————————

然后在获取到经纬度的地方往circles里添加数据:


image.png

按理说circles的数据变化了,map组件的界面应该自动变化,可是我们会发现,地图上毫无变化,它没有一丝波澜

然后我就各种自疑,又是打印circles,又是查看uniapp的官方demo,发现:如果你在data()里将circles的数据写死,确实没什么问题,地图上安安稳稳的展示你想要的圈圈,一旦写活,就GG,这是应该算官方的一个bug

然后我的解决方法是


image.png

给map组件添加一个v-if,一开始让show=false,在的数据加载完之后,让show=true,即可~


image.png

你可能感兴趣的:(uniapp的map组件的circles不起作用)