数据可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理长沙市天心区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts长沙市天心区geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts长沙市天心区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts长沙市天心区geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
threejs长沙市天心区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs长沙市天心区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
长沙市天心区 下辖有 赤岭路街道,金盆岭街道,黑石铺街道,文源街道,青园街道,坡子街街道,城南路街道,大托铺街道,桂花坪街道,先锋街道,裕南街街道,新开铺街道
长沙市天心区下辖区域坐标
{"赤岭路街道":[112.97005065786107,28.1508796462988],"金盆岭街道":[112.97331457007748,28.1654731467806],"黑石铺街道":[112.96354014679773,28.10055058202242],"文源街道":[112.98665911750479,28.14050783821129],"青园街道":[112.98266275564575,28.12347474830393],"坡子街街道":[112.96488640705172,28.18671438751814],"城南路街道":[112.97549966261494,28.18305128793802],"大托铺街道":[112.93989140068446,28.07459258877604],"桂花坪街道":[112.98171072617538,28.10210320873849],"先锋街道":[112.97624299460924,28.06943891450918],"裕南街街道":[112.96443915897498,28.16690382764433],"新开铺街道":[112.96569020786251,28.13172231744712]}
长沙市天心区行政划分代码
[{"name":"赤岭路街道","code":"430103010000"},{"name":"金盆岭街道","code":"430103006000"},{"name":"黑石铺街道","code":"430103013000"},{"name":"文源街道","code":"430103011000"},{"name":"青园街道","code":"430103008000"},{"name":"坡子街街道","code":"430103002000"},{"name":"城南路街道","code":"430103004000"},{"name":"大托铺街道","code":"430103014000"},{"name":"桂花坪街道","code":"430103009000"},{"name":"先锋街道","code":"430103012000"},{"name":"裕南街街道","code":"430103005000"},{"name":"新开铺街道","code":"430103007000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
