数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理泸州市合江县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts泸州市合江县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts泸州市合江县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts泸州市合江县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs泸州市合江县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣，可以观看threejs教程视频 Three.js前端3D可视化
threejs泸州市合江县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
泸州市合江县 下辖有 福宝镇,白米乡,九支镇,二里乡,五通镇,佛荫镇,先市镇,先滩镇,大桥镇,凤鸣镇,南滩乡,榕右乡,参宝乡,甘雨镇,合江镇,白沙镇,实录乡,密溪乡,尧坝镇,望龙镇,榕山镇,焦滩乡,白鹿镇,石龙乡,自怀镇,虎头乡,车辋镇,合江县临港工业园区
泸州市合江县下辖区域坐标
{"福宝镇":[106.18736545129467,28.64191113581657],"白米乡":[105.848096519292,28.85098577566081],"九支镇":[105.63929756496458,28.59726441743934],"二里乡":[105.6672661494572,28.66378548956669],"五通镇":[105.58018714708783,28.53372584894231],"佛荫镇":[105.67818461112412,28.80860018662812],"先市镇":[105.6992336967437,28.72703784143989],"先滩镇":[106.20188568099837,28.81888644360631],"大桥镇":[105.70607271964903,28.8610810136772],"凤鸣镇":[105.85844775345223,28.67338295475748],"南滩乡":[106.07070782503868,28.86948326225905],"榕右乡":[105.96470450122098,28.79688740302225],"参宝乡":[105.75780502158788,28.97124716630901],"甘雨镇":[106.05087874426772,28.83799977154321],"合江镇":[105.83516098701695,28.82782831083178],"白沙镇":[105.74401069383867,28.91443892710537],"实录乡":[105.80236648344265,28.75408130338842],"密溪乡":[105.7613167413603,28.77723944577554],"尧坝镇":[105.61390389263337,28.72318577473037],"望龙镇":[105.83060400176562,28.90745046048062],"榕山镇":[105.95071760156935,28.87668631879257],"焦滩乡":[105.6716529306681,28.89565899176218],"白鹿镇":[105.98852430550784,28.92232821540937],"石龙乡":[106.16554542843194,28.85505408150304],"自怀镇":[106.26115924792236,28.6691585046276],"虎头乡":[105.89757686695575,28.7551427924322],"车辋镇":[105.77648811137658,28.65795017244013],"合江县临港工业园区":[105.90367108477491,28.84046766394324]}
泸州市合江县行政划分代码
[{"name":"福宝镇","code":"510522112000"},{"name":"白米乡","code":""},{"name":"九支镇","code":"510522106000"},{"name":"二里乡","code":""},{"name":"五通镇","code":""},{"name":"佛荫镇","code":""},{"name":"先市镇","code":"510522104000"},{"name":"先滩镇","code":"510522113000"},{"name":"大桥镇","code":"510522115000"},{"name":"凤鸣镇","code":"510522108000"},{"name":"南滩乡","code":""},{"name":"榕右乡","code":""},{"name":"参宝乡","code":""},{"name":"甘雨镇","code":"510522111000"},{"name":"合江镇","code":""},{"name":"白沙镇","code":"510522102000"},{"name":"实录乡","code":""},{"name":"密溪乡","code":""},{"name":"尧坝镇","code":"510522105000"},{"name":"望龙镇","code":"510522101000"},{"name":"榕山镇","code":"510522109000"},{"name":"焦滩乡","code":""},{"name":"白鹿镇","code":"510522110000"},{"name":"石龙乡","code":""},{"name":"自怀镇","code":""},{"name":"虎头乡","code":""},{"name":"车辋镇","code":"510522116000"},{"name":"合江县临港工业园区","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
