vue将BaiduMap引入(组件引入),显示位置信息



效果如下:

vue将BaiduMap引入(组件引入),显示位置信息_第1张图片

注意:如果只引用部分BaiduMap,API写的是引用vue-baidu-map的“map/Map.vue",但是引用maker,label等就不能这样写,他们用的是overlays文件下的内容,所以可以直接像上述写法一样引入。

关于BMap的undefined问题也是注意使用handler方法将对象获取,如果还要实现定位可以使用GeoLocation等方法。关于组件不存在,用到哪个就import哪个,在component中声明。

红色图标样式有动态和静态,动态的图片位置上下移动,如果要设置点击事件弹出infoWindow需要进一步处理。静态的可以获取到点击的位置触发infoWindow弹窗。

传送JavaScript的百度API手册:https://dafrok.github.io/vue-baidu-map/#/zh/start/usage

你可能感兴趣的:(vue,javascript)