vue 调用百度地图总结

第一步

http://lbsyun.baidu.com/index.php?title=iossdk/guide/key 

秘钥需要自己注册申请

在index.html中添加

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的秘钥"></script>

第二步

在src-view下新建一个vue页面BMap.vue

第三步

build\webpack.base.conf.js

ctrl+f 搜索entry

在entry下面添加

externals: {
  "BMap": "BMap"
},

第四步

页面中添加<div id="allmap" v-bind:style="mapStyle"></div>

第五步

script中添加如下内容

<script>

  import * as newBMap from 'eslint-plugin-node'

  export default {
    name: 'BMap',
    data: function () {
      return {
        mapStyle: {
          width: '50%',
          height: this.mapHeight + '