可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理连云港市连云区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts连云港市连云区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts连云港市连云区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts连云港市连云区geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs连云港市连云区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs连云港市连云区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
连云港市连云区 下辖有 徐圩街道,云山街道,青口盐场,海州湾街道,高公岛街道,宿城街道,板桥街道,东辛农场,连云港碱厂,中云街道,猴嘴街道,朝阳街道,连云街道,连岛街道,墟沟街道
连云港市连云区下辖区域坐标
{"徐圩街道":[119.55768909607752,34.56839134506439],"云山街道":[119.39117853756035,34.70368987514543],"青口盐场":[119.19070393255434,34.78233563743625],"海州湾街道":[119.35393955234099,34.75727949384734],"高公岛街道":[119.47185567533441,34.70487686135912],"宿城街道":[119.4241534185191,34.69974074469938],"板桥街道":[119.44689847778184,34.63704153424561],"东辛农场":[119.40684008712411,34.55343243932494],"连云港碱厂":[119.34241179231961,34.76413283176817],"中云街道":[119.30472923940687,34.71954483198505],"猴嘴街道":[119.22069586031964,34.67912915795813],"朝阳街道":[119.28401998648516,34.68198162020847],"连云街道":[119.45150579675476,34.73508803068508],"连岛街道":[119.45627196341049,34.76663015523997],"墟沟街道":[119.36438922723205,34.73700046430875]}
连云港市连云区行政划分代码
[{"name":"徐圩街道","code":"320703007000"},{"name":"云山街道","code":"320703004000"},{"name":"青口盐场","code":""},{"name":"海州湾街道","code":"320703008000"},{"name":"高公岛街道","code":"320703010000"},{"name":"宿城街道","code":"320703009000"},{"name":"板桥街道","code":"320703005000"},{"name":"东辛农场","code":"320703401000"},{"name":"连云港碱厂","code":"320703400000"},{"name":"中云街道","code":""},{"name":"猴嘴街道","code":""},{"name":"朝阳街道","code":""},{"name":"连云街道","code":"320703003000"},{"name":"连岛街道","code":"320703006000"},{"name":"墟沟街道","code":"320703001000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
