随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理丽水市景宁畲族自治县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts丽水市景宁畲族自治县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts丽水市景宁畲族自治县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts丽水市景宁畲族自治县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs丽水市景宁畲族自治县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频 WebGL 3D可视化教程
threejs丽水市景宁畲族自治县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
丽水市景宁畲族自治县 下辖有 东坑镇,大地乡,大均乡,大漈乡,家地乡,梅岐乡,雁溪乡,鸬鹚乡,红星街道,鹤溪街道,九龙乡,景南乡,标溪乡,梧桐乡,毛垟乡,沙湾镇,渤海镇,澄照乡,秋炉乡,英川镇,郑坑乡
丽水市景宁畲族自治县下辖区域坐标
{"东坑镇":[119.70136041143434,27.84322060019638],"大地乡":[119.47634860766058,27.75624726080282],"大均乡":[119.54863207491263,27.95186923367582],"大漈乡":[119.59498415690973,27.81031408437509],"家地乡":[119.51461728113148,27.70218994861673],"梅岐乡":[119.78417866997346,27.91112357660699],"雁溪乡":[119.57572537627902,27.74286778621531],"鸬鹚乡":[119.37984226742788,27.88479629923371],"红星街道":[119.66730216240359,28.04022297010516],"鹤溪街道":[119.66439499174743,27.95142738718048],"九龙乡":[119.86737463694132,28.08938394682697],"景南乡":[119.61522137443913,27.72645326555185],"标溪乡":[119.5191331835592,27.80850606111749],"梧桐乡":[119.5086589290384,27.87890320674702],"毛垟乡":[119.39024184804772,27.72651713148736],"沙湾镇":[119.42234391547355,27.83679287791047],"渤海镇":[119.81706174974765,28.02587621963742],"澄照乡":[119.61003246197872,27.89280276491015],"秋炉乡":[119.33001575795639,27.72633494229818],"英川镇":[119.306097669894,27.84209000978286],"郑坑乡":[119.80692299332397,27.98181833927032]}
丽水市景宁畲族自治县行政划分代码
[{"name":"东坑镇","code":"331127102000"},{"name":"大地乡","code":"331127217000"},{"name":"大均乡","code":"331127201000"},{"name":"大漈乡","code":"331127208000"},{"name":"家地乡","code":"331127218000"},{"name":"梅岐乡","code":"331127203000"},{"name":"雁溪乡","code":"331127210000"},{"name":"鸬鹚乡","code":"331127212000"},{"name":"红星街道","code":"331127001000"},{"name":"鹤溪街道","code":"331127002000"},{"name":"九龙乡","code":"331127219000"},{"name":"景南乡","code":"331127209000"},{"name":"标溪乡","code":"331127214000"},{"name":"梧桐乡","code":"331127213000"},{"name":"毛垟乡","code":"331127215000"},{"name":"沙湾镇","code":"331127104000"},{"name":"渤海镇","code":"331127101000"},{"name":"澄照乡","code":"331127202000"},{"name":"秋炉乡","code":"331127216000"},{"name":"英川镇","code":"331127103000"},{"name":"郑坑乡","code":"331127205000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
