数据大屏可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理南通市海门区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts南通市海门区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts南通市海门区geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts南通市海门区geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs南通市海门区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs南通市海门区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
南通市海门区 下辖有 正余镇,海永镇,三厂街道,滨江街道,四甲镇,余东镇,三星镇,临江镇,常乐镇,悦来镇,包场镇,海门街道
南通市海门区下辖区域坐标
{"正余镇":[121.34877623282294,32.06918033416727],"海永镇":[121.4146461968001,31.80284179687953],"三厂街道":[121.2588803682319,31.89019355360589],"滨江街道":[121.13255451530755,31.82907582664485],"四甲镇":[121.24948423548956,32.04515432841005],"余东镇":[121.35114384867721,31.99637526453569],"三星镇":[121.14057865106953,31.94944202873092],"临江镇":[121.39165315223394,31.85962334538845],"常乐镇":[121.28684690882847,31.95025232393657],"悦来镇":[121.4247585921456,31.96601105004853],"包场镇":[121.46051804907007,32.05681235215835],"海门街道":[121.1691269923157,31.89390774574099]}
南通市海门区行政划分代码
[{"name":"正余镇","code":"320614107000"},{"name":"海永镇","code":"320614102000"},{"name":"三厂街道","code":""},{"name":"滨江街道","code":""},{"name":"四甲镇","code":"320614105000"},{"name":"余东镇","code":"320614106000"},{"name":"三星镇","code":""},{"name":"临江镇","code":""},{"name":"常乐镇","code":"320614103000"},{"name":"悦来镇","code":"320614104000"},{"name":"包场镇","code":""},{"name":"海门街道","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
