vue中使用vue-echarts引入百度地图实现数据可视化

安装v-charts

npm安装

$ npm install echarts vue-echarts

在使用v-chart前必须安装echarts

在main.js中进行注册

import ECharts from 'vue-echarts'
Vue.component('v-chart', ECharts)

在页面进行使用

1.页面中使用v-chart

<template>
  <v-chart :options="options" />
</template>

2. 在页面中引入百度地图的js

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

这里的密钥需要在百度地图平台去申请 免费的 官方地址
3. 在options中进行配置，

<script>
// 引入百度地图的扩展
import 'echarts/extension/bmap/bmap'
export default {
  data () {
    return {
      options: {
      }