随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理榆林市绥德县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
绥德县，隶属于陕西省榆林市。位于榆林市东南部，东经110°04′～110°41′，北纬37°16′～37°45′，县境东西长56公里，南北宽51.6公里。土地总面积1853平方千米，截止至2022年12月，下辖15镇，1中心，11个社区，339个行政村。2021年末，绥德县户籍人口34.75万，常住人口25.43万人。
echarts榆林市绥德县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts榆林市绥德县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts榆林市绥德县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
threejs榆林市绥德县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs教程视频 WebGL 3D可视化教程
threejs榆林市绥德县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs榆林市绥德县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
榆林市绥德县 下辖有 崔家湾镇,张家砭乡,名州镇,田庄镇,四十铺镇,枣林坪镇,满堂川乡,白家硷乡,石家湾镇,薛家峁镇,薛家河镇,吉镇,中角镇,义合镇,韭园沟乡,定仙墕镇
榆林市绥德县下辖区域坐标
{"崔家湾镇":[110.42303259725514,37.36333072164481],"张家砭乡":[110.17332226901863,37.51851823680562],"名州镇":[110.29485806847845,37.50476368562641],"田庄镇":[110.18381890105886,37.43100633545542],"四十铺镇":[110.20603678116294,37.63762827946442],"枣林坪镇":[110.60766240214396,37.39204615178875],"满堂川乡":[110.39613447701102,37.56316781246406],"白家硷乡":[110.3318657920477,37.4562582687596],"石家湾镇":[110.152697179717,37.57418734974414],"薛家峁镇":[110.36194126311364,37.38332595827423],"薛家河镇":[110.34459646710513,37.66827536201986],"吉镇":[110.47182545865061,37.71287846817501],"中角镇":[110.52897400041664,37.61652424757817],"义合镇":[110.5386948850169,37.50916041064949],"韭园沟乡":[110.32279470291878,37.5947874975995],"定仙墕镇":[110.57843572866305,37.33376656099774]}
榆林市绥德县行政划分代码
[{"name":"崔家湾镇","code":"610826102000"},{"name":"张家砭乡","code":""},{"name":"名州镇","code":"610826100000"},{"name":"田庄镇","code":"610826110000"},{"name":"四十铺镇","code":""},{"name":"枣林坪镇","code":"610826104000"},{"name":"满堂川乡","code":""},{"name":"白家硷乡","code":""},{"name":"石家湾镇","code":"610826109000"},{"name":"薛家峁镇","code":"610826101000"},{"name":"薛家河镇","code":"610826107000"},{"name":"吉镇","code":"610826106000"},{"name":"中角镇","code":"610826111000"},{"name":"义合镇","code":"610826105000"},{"name":"韭园沟乡","code":""},{"name":"定仙墕镇","code":"610826103000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
