可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理昌都市左贡县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts昌都市左贡县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts昌都市左贡县geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts昌都市左贡县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs昌都市左贡县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs课程视频 Three.js 3D可视化
threejs昌都市左贡县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs昌都市左贡县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
昌都市左贡县 下辖有 东坝乡,绕金乡,仁果乡,下林卡乡,中林卡乡,旺达镇,田妥镇,扎玉镇,碧土乡,美玉乡
昌都市左贡县下辖区域坐标
{"东坝乡":[97.43972215350416,29.89890631645967],"绕金乡":[97.82972206281482,29.2267963289121],"仁果乡":[98.07714927031873,29.83596310519366],"下林卡乡":[97.74173607245869,29.44780948884321],"中林卡乡":[97.38338848704682,29.44837640448926],"旺达镇":[97.83704232629015,29.59755103637534],"田妥镇":[97.73049583661785,29.99032880013504],"扎玉镇":[98.14339570127822,29.13563283448867],"碧土乡":[98.46769730079012,28.80825401026424],"美玉乡":[97.55464828197725,30.19479479397039]}
昌都市左贡县行政划分代码
[{"name":"东坝乡","code":"540327203000"},{"name":"绕金乡","code":"540327207000"},{"name":"仁果乡","code":"540327204000"},{"name":"下林卡乡","code":"540327212000"},{"name":"中林卡乡","code":"540327211000"},{"name":"旺达镇","code":"540327100000"},{"name":"田妥镇","code":"540327101000"},{"name":"扎玉镇","code":"540327102000"},{"name":"碧土乡","code":"540327208000"},{"name":"美玉乡","code":"540327210000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看