随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理泉州市晋江市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts泉州市晋江市geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts泉州市晋江市geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts泉州市晋江市geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs泉州市晋江市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频教程 3D可视化Three.js视频教程
threejs泉州市晋江市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs泉州市晋江市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
泉州市晋江市 下辖有 西滨镇,泉州出口加工区,东石镇,内坑镇,安海镇,永和镇,池店镇,深沪镇,陈埭镇,龙湖镇,新塘街道,梅岭街道,青阳街道,安平开发区,晋江市经济开发区,金井镇,磁灶镇,紫帽镇,英林镇,灵源街道,罗山街道,西园街道
泉州市晋江市下辖区域坐标
{"西滨镇":[118.63978058972651,24.7939567946489],"泉州出口加工区":[118.4999529224112,24.86304168748737],"东石镇":[118.48963673993656,24.65474290610927],"内坑镇":[118.46090708136106,24.78366880054189],"安海镇":[118.4788533965704,24.71706360714541],"永和镇":[118.56372688056956,24.6940839319598],"池店镇":[118.56199842744337,24.86685690397353],"深沪镇":[118.64581379974447,24.61051247113864],"陈埭镇":[118.63828916581036,24.82984751843586],"龙湖镇":[118.60804055168646,24.66947649005084],"新塘街道":[118.60188389040782,24.77153473073401],"梅岭街道":[118.5633765875128,24.82230573631887],"青阳街道":[118.5697695741189,24.80361844901577],"安平开发区":[118.4495842518222,24.69442229615728],"晋江市经济开发区":[118.50102167594804,24.71832613332353],"金井镇":[118.59733967587638,24.56647857427785],"磁灶镇":[118.48332463329675,24.81736615622355],"紫帽镇":[118.5060091949615,24.88010793208907],"英林镇":[118.56111576312406,24.61416669420835],"灵源街道":[118.5253948868154,24.74136663490178],"罗山街道":[118.55076294276573,24.76878762844131],"西园街道":[118.5361920438476,24.81467999419193]}
泉州市晋江市行政划分代码
[{"name":"西滨镇","code":"350582114000"},{"name":"泉州出口加工区","code":""},{"name":"东石镇","code":"350582104000"},{"name":"内坑镇","code":"350582109000"},{"name":"安海镇","code":"350582101000"},{"name":"永和镇","code":"350582111000"},{"name":"池店镇","code":"350582107000"},{"name":"深沪镇","code":"350582105000"},{"name":"陈埭镇","code":"350582103000"},{"name":"龙湖镇","code":"350582110000"},{"name":"新塘街道","code":"350582005000"},{"name":"梅岭街道","code":"350582002000"},{"name":"青阳街道","code":"350582001000"},{"name":"安平开发区","code":"350582400000"},{"name":"晋江市经济开发区","code":"350582401000"},{"name":"金井镇","code":"350582106000"},{"name":"磁灶镇","code":"350582102000"},{"name":"紫帽镇","code":"350582113000"},{"name":"英林镇","code":"350582112000"},{"name":"灵源街道","code":"350582006000"},{"name":"罗山街道","code":"350582004000"},{"name":"西园街道","code":"350582003000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
