vue百度地图标注怎么渲染接口的数据?

新手上路,请多包涵

地图标注上只能渲染出死数据,怎么渲染后台数据。刚学vue,不太懂。
后台数据是时间,ph值等,我通过检索时间绑定查询事件,后台数据可以在其他行打印出来,但是地图标注上出不来。

5.PNG
6.PNG
可以打印出后台数据,但是 在标注上this.response.data.ph[1]就报错

这是我标注的代码:

 var content \= "<table>";  
  content \= content \+ "<tr><td> 酸碱度(PH):data.ph</td></tr>";  
  content \= content \+ "<tr><td> 溶解氧(DO mg/L):0.8</td></tr>";  
  content \= content \+ "<tr><td> 氮氧(NH3N mg/L):0.8</td></tr>";  
  content += "</table>";  
  
  
  // 创建信息窗口对象  
  let infoWindow \= new BMap.InfoWindow(content, {  
    width: 150,     // 信息窗口宽度  
  height: 100,     // 信息窗口高度  
  title: "当前水质信息:" // 信息窗口标题  
  });  
  
  
    
 // 将data中的name加入地图中  
  var label \= new BMap.Label(e.name, {  
    offset: new BMap.Size(25, 5)  
  });  
  markerFun(pointNumber, infoWindow, label)  
})
阅读 1.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题