vue引入百度地图使用JavaScript API GL渲染点位的图片

1.上一章说了怎么动态的渲染点位,那么根据需求来说应该会做根据点位状态的不同 点位的图片也应该不同 提交图片的话就不说了直接说怎么渲染

vue引入百度地图使用JavaScript API GL渲染点位的图片_第1张图片

因为你要动态的循环 所以必须放在一个循环里面 从而保证能渲染到每一个图片,否则只能渲染一个点位。

2.首先在提交图片的时候就要给一个判断的状态,这样当我们拿到数据的时候直接else if进行判断就可以了 判断完之后把你的类名直接放在图片显示的地方 直接看代码

vue引入百度地图使用JavaScript API GL渲染点位的图片_第2张图片 

 3.在这里可能会有报错 原因是你上传的图片可能太大 所以会报一个“width”的错误这里不要慌 

修改一下上传的图片大小就行,也可以直接修改myIcon里面的new BMapGL.size里面的值 就可以解决了

vue引入百度地图使用JavaScript API GL渲染点位的图片_第3张图片

成功解决

vue引入百度地图使用JavaScript API GL渲染点位的图片_第4张图片

 

你可能感兴趣的:(javascript,vue.js,前端,百度)