随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理张掖市甘州区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
甘州区,隶属于 甘肃省 张掖市,位于河西走廊中部,地处东经100°6′—100°52′,北纬38°32′—39°24′之间,南依祁连山,北邻内蒙古阿拉善右旗,总面积3661平方千米。2021年,甘州区常住人口51.76万人.截至2022年10月,甘州区下辖5个街道、13个镇、5个乡。
echarts张掖市甘州区geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts张掖市甘州区geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts张掖市甘州区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs张掖市甘州区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL前端3D可视化教程
threejs张掖市甘州区geoJson地图3d地图
通过threejs绘制的3d地图实例
threejs张掖市甘州区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
张掖市甘州区 下辖有 北街街道,张掖滨河新区,三闸镇,上秦镇,靖安乡,明永乡,乌江镇,党寨镇,大满镇,南街街道,小满镇,新墩镇,沙井镇,甘浚镇,碱滩镇,长安乡,龙渠乡,东街街道,梁家墩镇,西街街道,火车站街道,甘肃农垦张掖农场,甘肃张掖工业园区,甘肃省农业科学院张掖试验场,安阳乡,花寨乡,平山湖蒙古族乡
张掖市甘州区下辖区域坐标
{"北街街道":[100.46245136117217,38.94414919197959],"张掖滨河新区":[100.4263079029972,38.96113264077196],"三闸镇":[100.53940283756839,39.04384701851747],"上秦镇":[100.53377923415209,38.94269923827997],"靖安乡":[100.4272047747721,39.09463984227924],"明永乡":[100.32586551681355,38.98562614240525],"乌江镇":[100.38309535936244,39.06781207750569],"党寨镇":[100.57414482874088,38.81115223208921],"大满镇":[100.4071210787348,38.77321871879037],"南街街道":[100.44559951512261,38.92479425266265],"小满镇":[100.35167213155509,38.85201480381334],"新墩镇":[],"沙井镇":[100.26935514761267,39.10598505918019],"甘浚镇":[100.18745938707272,38.90571667054836],"碱滩镇":[],"长安乡":[100.39238324617446,38.89178567939418],"龙渠乡":[100.26329465838529,38.79530669811101],"东街街道":[100.46686595461551,38.92655511718377],"梁家墩镇":[100.48438374196762,38.89841547918044],"西街街道":[100.44090448089398,38.94434172589165],"火车站街道":[],"甘肃农垦张掖农场":[100.68550580065332,38.95929818317327],"甘肃张掖工业园区":[],"甘肃省农业科学院张掖试验场":[100.38214387979754,38.84688680947065],"安阳乡":[100.43868760764843,38.63879857616404],"花寨乡":[100.2771514689729,38.70124105638336],"平山湖蒙古族乡":[100.64395453019243,39.17697930739558]}
张掖市甘州区行政划分代码
[{"name":"北街街道","code":"620702004000"},{"name":"张掖滨河新区","code":""},{"name":"三闸镇","code":"620702109000"},{"name":"上秦镇","code":"620702101000"},{"name":"靖安乡","code":"620702207000"},{"name":"明永乡","code":""},{"name":"乌江镇","code":"620702104000"},{"name":"党寨镇","code":"620702107000"},{"name":"大满镇","code":"620702102000"},{"name":"南街街道","code":"620702002000"},{"name":"小满镇","code":"620702110000"},{"name":"新墩镇","code":"620702106000"},{"name":"沙井镇","code":"620702103000"},{"name":"甘浚镇","code":"620702105000"},{"name":"碱滩镇","code":"620702108000"},{"name":"长安乡","code":""},{"name":"龙渠乡","code":"620702202000"},{"name":"东街街道","code":"620702001000"},{"name":"梁家墩镇","code":"620702100000"},{"name":"西街街道","code":"620702003000"},{"name":"火车站街道","code":"620702005000"},{"name":"甘肃农垦张掖农场","code":""},{"name":"甘肃张掖工业园区","code":""},{"name":"甘肃省农业科学院张掖试验场","code":""},{"name":"安阳乡","code":"620702203000"},{"name":"花寨乡","code":"620702204000"},{"name":"平山湖蒙古族乡","code":"620702211000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。