vue 百度地图API

VUE中如何异步加载百度地图API

有问题请留言，赶工中，不能拆分整理

参考 https://dafrok.github.io/vue-baidu-map/#/start

本文前提是你对vue有所了解，且对百度地图API有所了解

引用百度地图有2种方式，全局加载或异步加载（需要的时候）

1. 在入口index.html中引入百度地图

2.使用promise写入到DOM中

这2种方式都需要将地图BMap对象放到global中使用

思路

挂载百度地图，将BMap放到global中

初始化地图，this.map = new BMap.Map($el) ，并绑定 ready事件

提供center marker属性，用于重置中心和点覆盖物

参考代码

src/components/baidu-map.vue

@/tools/util.js

export function looseEqual (a, b) {
  // eslint-disable-next-line eqeqeq
  return a == b || (
    isObject(a) && isObject(b) ? JSON.stringify(a) === JSON.stringify(b) : false
  )
}

@/demo/map.vue