vue 使用百度地圖GL - 3D效果

<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=CWmiAPiwuHW6sGdMbAReZdqU"></script>

<template>
  <div class="drawer">

    <div id="allmap" style="width:100%; height:500px;"></div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {},
  data () {
    return {
      open: false,
      isActive: false,
      isClose: false
    }
  },
  mounted () {
    // GL版命名空間為BMapGL
    // 按住鼠標右鍵，修改傾斜角和角度
    var map = new BMapGL.Map('allmap')    // 創建Map實例
    map.centerAndZoom(new BMapGL.Point(116.280190, 40.049191), 19)  // 初始化地圖,設置中心點坐標和地圖級別
    map.enableScrollWheelZoom(true)     // 開啟鼠標滾輪縮放
    map.setHeading(64.5)
    map.setTilt(73)

    var marker = new BMapGL.Marker(new BMapGL.Point(116.280190, 40.049191)) // 創建點
    map.addOverlay(marker)
  },
  methods: {
  }
}
</script>

 在eslintrc.js中進行全局聲明

globals: {
BMap: true
}