Echarts地图 绘制自定义区域 - geojson.io使用方法

Echarts地图 绘制自定义区域 & 解决区域点击无效

1. 绘制地图自定义区域

需求:绘制带高新区的河源市地图,目前百度地图json还没有此新区。需手动绘制。
STEP1:获取市区json文件—输入市区后选择下面JSON API(包含子区域)的下载

STEP2:geojson中左上角打开step1下载的文件,点下图按钮绘制新区区域,右侧富文本框便会同步生成新生地图的json文件,绘制完成保存即可在echarts中引入。

Echarts地图 绘制自定义区域 - geojson.io使用方法_第1张图片
STEP3: 在echart中使用

var heyuanMap= echarts.init(document.getElementById('map_box'))
//第一个参数为自定义地图名,最好是绘制市区的拼音
//第二个参数是外部引入的json文件,放在变量data中
 echarts.registerMap('heyuan', data); 
  heyuanMap.setOption({
  	//... 
  	 geo: {
          map: 'heyuan',	//与echar

你可能感兴趣的:(Echarts,echarts,前端,街景地图,css)