随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理德州市临邑县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
临邑县隶属于山东省德州市,东与济南市商河县毗连,西与禹城市、平原县、陵城区为邻,南隔徒骇河与齐河县相望,北以马颊河与乐陵市为界,西距德州50公里,南距济南60公里,北距北京300公里、天津200公里,东距滨州码头100公里、青岛码头300公里,地处环渤海经济圈、黄河三角洲和“京九”经济开发带。
echarts德州市临邑县geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts德州市临邑县geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts德州市临邑县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs德州市临邑县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话,可以观看threejs视频教程 Three.js前端3D可视化教程
threejs德州市临邑县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs德州市临邑县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
德州市临邑县 下辖有 临邑镇,临盘街道,临南镇,兴隆镇,孟寺镇,宿安乡,德平镇,林子镇,翟家镇,恒源街道,理合务镇,邢侗街道
德州市临邑县下辖区域坐标
{"临邑镇":[116.90351771947215,37.23900524243241],"临盘街道":[116.77577948164517,37.18385615858266],"临南镇":[116.87607985575139,37.06152725113325],"兴隆镇":[116.7596719067532,37.06546731653568],"孟寺镇":[116.9831015587933,37.17667386304009],"宿安乡":[116.9676545431337,37.2817681935789],"德平镇":[116.96080587140793,37.46160482981524],"林子镇":[116.86396482887167,37.30200754488546],"翟家镇":[116.91921327435264,37.38658400408208],"恒源街道":[116.83817281673561,37.16268339827902],"理合务镇":[116.94985173038668,37.3696923579719],"邢侗街道":[116.89812089105165,37.17005866401821]}
德州市临邑县行政划分代码
[{"name":"临邑镇","code":"371424100000"},{"name":"临盘街道","code":"371424003000"},{"name":"临南镇","code":"371424102000"},{"name":"兴隆镇","code":"371424105000"},{"name":"孟寺镇","code":"371424106000"},{"name":"宿安乡","code":"371424202000"},{"name":"德平镇","code":"371424103000"},{"name":"林子镇","code":"371424104000"},{"name":"翟家镇","code":"371424107000"},{"name":"恒源街道","code":"371424002000"},{"name":"理合务镇","code":"371424108000"},{"name":"邢侗街道","code":"371424001000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示