vue20-使用echarts和百度地图创建统计描点地图

2次阅读

共计 454 个字符，预计需要花费 2 分钟才能阅读完成。

在根目录 index.html 引入百度 ak

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak= 你的百度 ak"></script>

安装 echarts 依赖包
npm i echarts

在项目引入

import echarts from 'echarts'
import 'echarts/extension/bmap/bmap'

添加地图容器

<div id="map" style="width: 900px;height: 800px;"></div>

js

// 初始化
let myChart = echarts.init(document.getElementById('map')); 
// 地图配置 (option 配置自行查看官方文档，文档还是很详细的)
myChart.setOption(option);
// 官方文档地址 https://echarts.apache.org/examples/zh/editor.html?c=map-polygon

效果图

正文完