随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理滨州市滨城区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
滨城区，隶属于山东省滨州市，位于鲁北平原，南扼黄河咽喉，北控徒骇。东临利津，西与惠民、阳信两县交界，南与高青、博兴毗连，北与沾化接壤。介于北纬37°12′—37°41′，东经117°47′—118°10′之间，总面积1043.29平方千米。截至2022年10月，滨城区下辖12个街道、2个镇、1个乡。截至2022年末，滨城区（不含开发区）常住人口63.47万人。
echarts滨州市滨城区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts滨州市滨城区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts滨州市滨城区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs滨州市滨城区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣，可以观看threejs课程视频 3D可视化Three.js视频教程
threejs滨州市滨城区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs滨州市滨城区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
滨州市滨城区 下辖有 杜店街道,三河湖镇,北镇街道,市东街道,小营街道,彭李街道,市中街道,市西街道,杨柳雪镇,梁才街道,沙河街道,秦皇台乡,里则街道,青田街道,滨北街道
滨州市滨城区下辖区域坐标
{"杜店街道":[117.92959268314817,37.35517512023742],"三河湖镇":[117.8487516488996,37.52006108585089],"北镇街道":[118.04125263566756,37.37335505554469],"市东街道":[118.02113647347653,37.41801674605431],"小营街道":[118.0537500080304,37.29157467459103],"彭李街道":[117.97853807459907,37.40002935179032],"市中街道":[118.02077854714162,37.35680390018604],"市西街道":[117.97941811810298,37.33739995192785],"杨柳雪镇":[117.88759446987169,37.4424928544798],"梁才街道":[118.1027388879648,37.39263295232367],"沙河街道":[117.89446798471451,37.33603404619256],"秦皇台乡":[118.09169722398983,37.50532836006445],"里则街道":[117.84804244928426,37.33815193255423],"青田街道":[118.00312470848326,37.26273739612652],"滨北街道":[117.96862470041935,37.51949617044391]}
滨州市滨城区行政划分代码
[{"name":"杜店街道","code":"371602010000"},{"name":"三河湖镇","code":"371602105000"},{"name":"北镇街道","code":"371602003000"},{"name":"市东街道","code":"371602004000"},{"name":"小营街道","code":"371602007000"},{"name":"彭李街道","code":"371602005000"},{"name":"市中街道","code":"371602001000"},{"name":"市西街道","code":"371602002000"},{"name":"杨柳雪镇","code":"371602106000"},{"name":"梁才街道","code":"371602009000"},{"name":"沙河街道","code":"371602011000"},{"name":"秦皇台乡","code":"371602203000"},{"name":"里则街道","code":"371602012000"},{"name":"青田街道","code":"371602013000"},{"name":"滨北街道","code":"371602008000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
