Echarts使用高德地图例子
Echarts结合高德地图使用，下面是一个简单使用的例子。
需要加载的js如下：
echarts.min.js 官方地址：https://www.echartsjs.com
echarts-amap.min.js 下载地址：https://github.com/billy-poon/echarts-amap
https://webapi.amap.com/maps?v=1.4.14&key=yourkey 官方地址：https://lbs.amap.com
html代码只需定义一个容器即可,如下：
<div id="main" style="width: 1550px;height:700px;"></div>
js代码：
需要加载的js如下：
echarts.min.js 官方地址：https://www.echartsjs.com
echarts-amap.min.js 下载地址：https://github.com/billy-poon/echarts-amap
https://webapi.amap.com/maps?v=1.4.14&key=yourkey 官方地址：https://lbs.amap.com
html代码只需定义一个容器即可,如下：
<div id="main" style="width: 1550px;height:700px;"></div>
js代码：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
var myChart = echarts.init(document.getElementById('main'));var option = { amap : { center : [ 121.503584, 31.295426 ], zoom : 16, roam: true }, geo: { map: 'amap', type: 'map', roam: true, }, series : []};myChart.setOption(option); |
