Echarts_map(一) 使用echarts地图的要点整理

Echarts_map(一) 使用echarts地图的要点整理

前言

背景

近段时间,大量的接触echarts,整理一下知识点,巩固学习;

Echarts 相关链接

Echarts官方文档
Echarts社区

Echarts_map使用要点

• GeoJson的使用;
• option-geo的使用;
• option-#series
  • map 地图基础,数值对应地图
  • lines 地图轨迹线
  • scatter 地图标注点
  • effectScatter 地图闪动标注点
• 不同地图GeoJson对应的nameMap;
• 数据处理函数;
• 点击交互事件(地图下钻);
• 百度地图为底图的echarts;
• 3D地图-WEB GL;

入门

最简单的江苏地图

$.getJSON("json/jsGeoJson/jiangsu.json", function(geoJson) {
   
   //#1
	echarts.registerMap('江苏', geoJson);//#2
	let option = {
   
   
		series: [
			{
   
   
				name: '江苏地图'<