大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理丽水市青田县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts丽水市青田县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts丽水市青田县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts丽水市青田县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs丽水市青田县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs视频教程 3D可视化Three.js视频教程
threejs丽水市青田县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs丽水市青田县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
丽水市青田县 下辖有 山口镇,季宅乡,仁宫乡,仁庄镇,温溪镇,黄垟乡,小舟山乡,油竹街道,瓯南街道,万阜乡,贵岙乡,阜山乡,北山镇,吴坑乡,高市乡,高湖镇,万山乡,石溪乡,祯埠乡,祯旺乡,章旦乡,章村乡,腊口镇,舒桥乡,船寮镇,鹤城街道,巨浦乡,方山乡,汤垟乡,海口镇,海溪乡,东源镇
丽水市青田县下辖区域坐标
{"山口镇":[120.3043290783585,28.06989049124103],"季宅乡":[120.22077155632275,28.42491332375652],"仁宫乡":[120.15179435289986,28.14934460356972],"仁庄镇":[120.22340206439245,28.02551211055246],"温溪镇":[120.37639012786748,28.14730464930692],"黄垟乡":[120.35000302052754,28.29327849692873],"小舟山乡":[120.39210733601708,28.22081398662937],"油竹街道":[120.33360107823732,28.09480916490779],"瓯南街道":[120.25046614276071,28.16341767635892],"万阜乡":[120.03281147142961,27.97976901002229],"贵岙乡":[120.33517249463272,28.21739516737526],"阜山乡":[120.14138916628225,28.04997889640283],"北山镇":[119.98440779675556,28.07532836182295],"吴坑乡":[120.39335556234983,28.26197678694842],"高市乡":[120.10683290953727,28.24037937175563],"高湖镇":[120.21722748114311,28.36434115021455],"万山乡":[120.31988312424622,28.3447445937781],"石溪乡":[120.26282494782043,28.20980014576205],"祯埠乡":[120.00217100655564,28.29546349479248],"祯旺乡":[119.91392847054797,28.2280910427391],"章旦乡":[120.23513780301174,28.10390354351477],"章村乡":[119.87198608724896,28.26692731987326],"腊口镇":[119.94874556864698,28.36501347085578],"舒桥乡":[120.07538754061765,28.43134506591218],"船寮镇":[120.21930406479608,28.27996491200812],"鹤城街道":[120.3009122320527,28.16782820727637],"巨浦乡":[120.03915098449068,28.16001992284233],"方山乡":[120.31308537336037,28.01232454105549],"汤垟乡":[120.19553329812955,27.97387150322456],"海口镇":[120.08839020877306,28.29851256606865],"海溪乡":[120.09687380437524,28.3939041307158],"东源镇":[120.25982118353757,28.3506163655477]}
丽水市青田县行政划分代码
[{"name":"山口镇","code":"331121108000"},{"name":"季宅乡","code":"331121202000"},{"name":"仁宫乡","code":"331121217000"},{"name":"仁庄镇","code":"331121109000"},{"name":"温溪镇","code":"331121101000"},{"name":"黄垟乡","code":"331121201000"},{"name":"小舟山乡","code":"331121215000"},{"name":"油竹街道","code":"331121003000"},{"name":"瓯南街道","code":"331121002000"},{"name":"万阜乡","code":"331121211000"},{"name":"贵岙乡","code":"331121214000"},{"name":"阜山乡","code":"331121219000"},{"name":"北山镇","code":"331121107000"},{"name":"吴坑乡","code":"331121216000"},{"name":"高市乡","code":"331121203000"},{"name":"高湖镇","code":"331121103000"},{"name":"万山乡","code":"331121200000"},{"name":"石溪乡","code":""},{"name":"祯埠乡","code":""},{"name":"祯旺乡","code":"331121206000"},{"name":"章旦乡","code":"331121218000"},{"name":"章村乡","code":"331121205000"},{"name":"腊口镇","code":"331121106000"},{"name":"舒桥乡","code":"331121208000"},{"name":"船寮镇","code":"331121104000"},{"name":"鹤城街道","code":"331121001000"},{"name":"巨浦乡","code":"331121209000"},{"name":"方山乡","code":"331121212000"},{"name":"汤垟乡","code":"331121213000"},{"name":"海口镇","code":"331121105000"},{"name":"海溪乡","code":"331121204000"},{"name":"东源镇","code":"331121102000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看