Echarts使用百度地图例子

2019-06-07 走过路过 2362 0

Echarts结合百度地图使用,下面是一个简单使用的例子。

需要加载的js如下:
echarts.min.js    官方地址:https://www.echartsjs.com 
bmap.js   目录:incubator-echarts-x.x.x/dist/extension/bmap.js
http://api.map.baidu.com/api?v=3.0&ak=
yourkey  官方地址:http://lbsyun.baidu.com/

html代码只需定义一个容器即可,如下:
<div id="main" style="width: 1550px;height:700px;"></div> 


js代码:
var myChart = echarts.init(document.getElementById('main'));

var option = {
	bmap : {
		center : [ 121.511644,31.302943 ],
		zoom : 17,
		roam: true
	},
	geo : {
		map: 'bmap',
		type: 'map'
	}, 
	series : []
};

myChart.setOption(option);

相关推荐
全部评论 最新评论 最早评论
还没有用户评论

联系我们