随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理临夏回族自治州临夏县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
临夏县，是 甘肃省 临夏回族自治州下辖县，全州的人口大县、农业大县，截至2022年底，辖25个乡镇（16个乡、9个镇）、218个行政村、7个社区，有汉、回、东乡等9个民族，截至2022年底，临夏县常住人口为42.6万人。
echarts临夏回族自治州临夏县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts临夏回族自治州临夏县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts临夏回族自治州临夏县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
threejs临夏回族自治州临夏县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话，可以观看threejs视频课程 WebGL前端3D可视化教程
threejs临夏回族自治州临夏县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放
threejs临夏回族自治州临夏县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
临夏回族自治州临夏县 下辖有 掌子沟乡,漠泥沟乡,红台乡,桥寺乡,榆林乡,民主乡,安家坡乡,黄泥湾乡,麻尼寺沟乡,先锋乡,坡头乡,新集镇,河西乡,莲花镇,井沟乡,刁祁乡,北塬乡,南塬乡,土桥镇,尹集镇,漫路乡,营滩乡,路盘乡,韩集镇,马集镇
临夏回族自治州临夏县下辖区域坐标
{"掌子沟乡":[102.94432804881642,35.52540964110835],"漠泥沟乡":[102.90164716531594,35.45281858925587],"红台乡":[103.05194578464057,35.55741777225473],"桥寺乡":[103.16169408760767,35.71031571850472],"榆林乡":[103.13170197530559,35.48947653336261],"民主乡":[103.1913436586234,35.53695081469694],"安家坡乡":[103.24561212036086,35.67372081684623],"黄泥湾乡":[103.21102071670728,35.53138573693151],"麻尼寺沟乡":[102.85253187668965,35.53120246098531],"先锋乡":[103.21130190234206,35.69222202774041],"坡头乡":[103.13004070149503,35.65339828249969],"新集镇":[103.06928163311039,35.51691734295521],"河西乡":[103.22279289127277,35.7286781886402],"莲花镇":[103.13449602197161,35.75380827070833],"井沟乡":[103.090012765527,35.60640624275574],"刁祁乡":[102.9959495966514,35.42340217180027],"北塬乡":[103.18328864264302,35.61728563589278],"南塬乡":[103.14224136333004,35.7059107652273],"土桥镇":[103.1672173429015,35.64314215418791],"尹集镇":[103.07296378379716,35.43029917489734],"漫路乡":[103.11482927531236,35.40774523027677],"营滩乡":[102.93920076943684,35.56974818555253],"路盘乡":[103.26691922196639,35.54640032505716],"韩集镇":[103.00849515347761,35.50002023504739],"马集镇":[102.9744370491089,35.44688661461775]}
临夏回族自治州临夏县行政划分代码
[{"name":"掌子沟乡","code":"622921201000"},{"name":"漠泥沟乡","code":"622921204000"},{"name":"红台乡","code":"622921220000"},{"name":"桥寺乡","code":"622921214000"},{"name":"榆林乡","code":"622921209000"},{"name":"民主乡","code":"622921224000"},{"name":"安家坡乡","code":"622921217000"},{"name":"黄泥湾乡","code":""},{"name":"麻尼寺沟乡","code":"622921202000"},{"name":"先锋乡","code":"622921215000"},{"name":"坡头乡","code":"622921213000"},{"name":"新集镇","code":"622921104000"},{"name":"河西乡","code":"622921216000"},{"name":"莲花镇","code":"622921103000"},{"name":"井沟乡","code":"622921210000"},{"name":"刁祁乡","code":""},{"name":"北塬乡","code":""},{"name":"南塬乡","code":"622921218000"},{"name":"土桥镇","code":"622921101000"},{"name":"尹集镇","code":"622921105000"},{"name":"漫路乡","code":"622921208000"},{"name":"营滩乡","code":"622921200000"},{"name":"路盘乡","code":"622921223000"},{"name":"韩集镇","code":"622921100000"},{"name":"马集镇","code":"622921102000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
