vue引入百度地图api实现marker拖动的效果

1.前面几篇文章讲了点位的渲染、当然万恶的产品经理肯定不会遗漏了拖动修改 这个很简单根据官网的demo直接加一个属性就可以实现拖动了

vue引入百度地图api实现marker拖动的效果_第1张图片

2.但是肯定没有这么简单的了,这时候重点就来了根据需求拖动完了之后就需要根据咱们的id进行编辑修改了 当你做到这里的时候就会发现百度的marker是没有id的??这边就需要自己添加了

 3.怎么给marker添加id呢?当你前面两步做完之后这一步也就好做了 先上代码

vue引入百度地图api实现marker拖动的效果_第2张图片

 首先呢要给他这个id 就必须得是在循环里面 具体循环在那看我上个文章,这一步的操作意思是

把这个id给到label给到之后就可以在你的点位上面有个数字这个就是你的id了,然后将它隐藏 最后把这个label加到你的marker数组里面 我的是markerRendering 这样你的marker就有id了

4.怎么获取到id呢?因为咱们是拖动点位的 所以咱们要先监听自己的数组 上代码

vue引入百度地图api实现marker拖动的效果_第3张图片

通过dragend方法来获取你拖动

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