地图

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/echarts/dist/echarts.min.js"></script>
<script src="//unpkg.com/echarts/dist/extension/bmap.min.js"></script>
<script src="//unpkg.com/[email protected]/lib/index.min.js"></script>

<div id="app">
  <ve-bmap
    :settings="chartSettings"
    :series="chartSeries"
    :tooltip="{ show: true }">
  </ve-bmap>
</div>

JavaScript

new Vue({
  el: '#app',
  created: function () {
    this.chartSettings = {
      key: 'oBvDtR6nzWtVchkY4cLHtnah1VVZQKRK',
      bmap: {
        center: [120, 30],
        zoom: 14,
        roam: true,
        mapStyle: {}
      }
    }
    this.chartSeries = [
      {
        type: 'scatter',
        coordinateSystem: 'bmap',
        data: [
          [120, 30],[110,29]
        ]
      }
    ]
  }
})