vue cli3 百度地图定位

一、index.html   引入js

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

二、vue.config.js中添加 BMap

module.exports = {
    configureWebpack: {
        externals: {
            "BMap": "BMap"
        }
    }
}

三、单个页面引用  import BMap from 'BMap' 调用地图，获得当前地理位置信息

<template>
   <div class="wrap">
      <P>{
  {address}}<p>
      <div id='container'></div>
   </div>
  
</template>

<script>
import BMap from 'BMap'
export default {
    data() {
        return {
   
            address: '',
           



        }
    },
    mounted() {
        this.createMap()
    },

    created() {

    },
    methods: {
        createMap() {
            var that = this;
            var map = new BMap.Map("