随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理吉安市安福县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts吉安市安福县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts吉安市安福县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts吉安市安福县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs吉安市安福县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js前端3D可视化
threejs吉安市安福县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs吉安市安福县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
吉安市安福县 下辖有 严田镇,寮塘乡,山庄乡,平都镇,彭坊乡,枫田镇,横龙镇,钱山乡,浒坑镇,瓜畲乡,甘洛乡,章庄乡,竹江乡,赤谷乡,金田乡,泰山乡,洋溪镇,洋门乡,洲湖镇,安福县工业园
吉安市安福县下辖区域坐标
{"严田镇":[114.37968883376317,27.37474672886609],"寮塘乡":[114.56459753278943,27.28709110824892],"山庄乡":[114.57184466424226,27.51044169777497],"平都镇":[114.59772726694132,27.36837150266147],"彭坊乡":[114.2507380269899,27.23706518765271],"枫田镇":[114.71312739549822,27.36840503936162],"横龙镇":[114.5068651370645,27.43988272168134],"钱山乡":[114.13077658396789,27.38808242059112],"浒坑镇":[114.3256604187125,27.47077398693764],"瓜畲乡":[114.7308499724414,27.44620261534617],"甘洛乡":[114.5844699655614,27.17022386313499],"章庄乡":[114.39119597030003,27.50058316407812],"竹江乡":[114.68967116842717,27.27565066331708],"赤谷乡":[114.68938421069831,27.54847186979485],"金田乡":[114.41645186765146,27.21669791593798],"泰山乡":[114.25960326884146,27.43681959975162],"洋溪镇":[114.22107412686296,27.2943871649199],"洋门乡":[114.41090223670219,27.14202752035374],"洲湖镇":[114.51004030821636,27.18207735438113],"安福县工业园":[114.68317808139143,27.40645376801036]}
吉安市安福县行政划分代码
[{"name":"严田镇","code":"360829105000"},{"name":"寮塘乡","code":"360829209000"},{"name":"山庄乡","code":"360829204000"},{"name":"平都镇","code":"360829100000"},{"name":"彭坊乡","code":"360829207000"},{"name":"枫田镇","code":"360829106000"},{"name":"横龙镇","code":"360829103000"},{"name":"钱山乡","code":"360829202000"},{"name":"浒坑镇","code":"360829101000"},{"name":"瓜畲乡","code":"360829201000"},{"name":"甘洛乡","code":"360829210000"},{"name":"章庄乡","code":"360829211000"},{"name":"竹江乡","code":"360829200000"},{"name":"赤谷乡","code":"360829203000"},{"name":"金田乡","code":"360829206000"},{"name":"泰山乡","code":""},{"name":"洋溪镇","code":"360829104000"},{"name":"洋门乡","code":"360829205000"},{"name":"洲湖镇","code":"360829102000"},{"name":"安福县工业园","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
