数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理长沙市望城区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts长沙市望城区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts长沙市望城区geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts长沙市望城区geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs长沙市望城区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话，可以观看threejs视频 WebGL/Three.js前端高薪3D可视化
threejs长沙市望城区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs长沙市望城区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
长沙市望城区 下辖有 高塘岭街道,白沙洲街道,茶亭镇,靖港镇,乌山街道,乔口镇,桥驿镇,铜官街道,雷锋街道,白箬铺镇,丁字湾街道,大泽湖街道,月亮岛街道,金山桥街道,黄金园街道
长沙市望城区下辖区域坐标
{"高塘岭街道":[112.76753906899077,28.40077843068424],"白沙洲街道":[112.8593835964577,28.33305458567886],"茶亭镇":[112.85864391522989,28.49687187702756],"靖港镇":[112.72331879521991,28.43871660801243],"乌山街道":[112.77251800079958,28.33824442970037],"乔口镇":[112.70787707787068,28.49712579269353],"桥驿镇":[112.9573609751435,28.43599634381847],"铜官街道":[112.84698643828594,28.43862275650542],"雷锋街道":[112.8063137665663,28.20894400981969],"白箬铺镇":[112.7216391049119,28.23649343745065],"丁字湾街道":[112.89304596630569,28.36783999603174],"大泽湖街道":[112.89118806331152,28.3223318658973],"月亮岛街道":[112.91545259967698,28.29498072324684],"金山桥街道":[112.85364719609395,28.27737261642541],"黄金园街道":[112.80380886454736,28.27909363218028]}
长沙市望城区行政划分代码
[{"name":"高塘岭街道","code":"430112001000"},{"name":"白沙洲街道","code":"430112007000"},{"name":"茶亭镇","code":"430112103000"},{"name":"靖港镇","code":"430112106000"},{"name":"乌山街道","code":"430112011000"},{"name":"乔口镇","code":"430112107000"},{"name":"桥驿镇","code":"430112101000"},{"name":"铜官街道","code":"430112012000"},{"name":"雷锋街道","code":"430112013000"},{"name":"白箬铺镇","code":"430112115000"},{"name":"丁字湾街道","code":"430112003000"},{"name":"大泽湖街道","code":"430112005000"},{"name":"月亮岛街道","code":"430112006000"},{"name":"金山桥街道","code":"430112008000"},{"name":"黄金园街道","code":"430112009000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
