可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理丽水市龙泉市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts丽水市龙泉市geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts丽水市龙泉市geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts丽水市龙泉市geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs丽水市龙泉市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs教程视频 WebGL/Three.js前端高薪3D可视化
threejs丽水市龙泉市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs丽水市龙泉市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
丽水市龙泉市 下辖有 西街街道,龙渊街道,石达石街道,竹垟畲族乡,宝溪乡,小梅镇,屏南镇,岩樟乡,查田镇,城北乡,道太乡,上垟镇,住龙镇,八都镇,兰巨乡,锦溪镇,剑池街道,安仁镇,龙南乡
丽水市龙泉市下辖区域坐标
{"西街街道":[119.07559291657259,28.07587711966238],"龙渊街道":[119.1394943032276,28.12623826125922],"石达石街道":[119.2071752702605,28.01008260209164],"竹垟畲族乡":[118.88748177094902,28.04748681504566],"宝溪乡":[118.77009020611517,28.02683219557021],"小梅镇":[118.96855871721341,27.84838456157853],"屏南镇":[119.10238400672263,27.83649755626062],"岩樟乡":[119.018293043549,28.2095895312372],"查田镇":[119.01649041631433,27.91180226090471],"城北乡":[119.10537349493794,28.2458485992555],"道太乡":[119.28849789138044,28.18382143186549],"上垟镇":[118.85469689926913,27.93669526060185],"住龙镇":[118.85884477567475,28.21034123334681],"八都镇":[118.96841873860365,27.98317099936373],"兰巨乡":[119.09934946466424,27.97354973633498],"锦溪镇":[118.96284584904707,28.12500992728442],"剑池街道":[119.13139489483602,28.05271170361435],"安仁镇":[119.32385501971548,28.05688439623346],"龙南乡":[119.27413126044178,27.92452560794142]}
丽水市龙泉市行政划分代码
[{"name":"西街街道","code":"331181002000"},{"name":"龙渊街道","code":"331181001000"},{"name":"石达石街道","code":"331181004000"},{"name":"竹垟畲族乡","code":"331181203000"},{"name":"宝溪乡","code":"331181202000"},{"name":"小梅镇","code":"331181102000"},{"name":"屏南镇","code":"331181107000"},{"name":"岩樟乡","code":"331181205000"},{"name":"查田镇","code":"331181103000"},{"name":"城北乡","code":"331181206000"},{"name":"道太乡","code":"331181204000"},{"name":"上垟镇","code":"331181101000"},{"name":"住龙镇","code":"331181106000"},{"name":"八都镇","code":"331181100000"},{"name":"兰巨乡","code":"331181200000"},{"name":"锦溪镇","code":"331181105000"},{"name":"剑池街道","code":"331181003000"},{"name":"安仁镇","code":"331181104000"},{"name":"龙南乡","code":"331181207000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
