可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理遂宁市蓬溪县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts遂宁市蓬溪县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts遂宁市蓬溪县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts遂宁市蓬溪县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs遂宁市蓬溪县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化
threejs遂宁市蓬溪县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
遂宁市蓬溪县 下辖有 蓬南镇,赤城镇,三凤镇,下东乡,新胜乡,任隆镇,农兴乡,吉星乡,吉祥镇,回水乡,大石镇,天福镇,宝梵镇,常乐镇,文井镇,新会镇,新星乡,明月镇,板桥乡,槐花乡,群力乡,红江镇,罗戈乡,群利镇,荷叶乡,金桥乡,金龙乡,高升乡,高坪镇,鸣凤镇,黄泥乡,城南新区,上游工业园
遂宁市蓬溪县下辖区域坐标
{"蓬南镇":[105.90044867454338,30.44467363561942],"赤城镇":[105.70317636823567,30.78503353758864],"三凤镇":[105.78915046160806,30.47623551586352],"下东乡":[105.7626775658369,30.73014272278588],"新胜乡":[105.60612115412795,30.86261964653059],"任隆镇":[105.7556392318616,30.54665651139024],"农兴乡":[105.93397472787959,30.48859144004391],"吉星乡":[105.79118503766279,30.63677963453188],"吉祥镇":[105.568457199226,30.65453652503084],"回水乡":[105.58612765772125,30.6949125393547],"大石镇":[105.6534358440805,30.65439078889127],"天福镇":[105.49741051504523,30.7300623166539],"宝梵镇":[105.66437324656002,30.69822711935581],"常乐镇":[105.5643815262818,30.76156519695525],"文井镇":[105.67587518238281,30.88079352708021],"新会镇":[105.75444557344068,30.8000052517176],"新星乡":[105.71286638544035,30.8924575899924],"明月镇":[105.61770046793939,30.74336397003922],"板桥乡":[105.63117157573923,30.81324725646407],"槐花乡":[105.58515228592567,30.8206343757565],"群力乡":[105.52299709635348,30.673402298601],"红江镇":[105.46874505646737,30.68111903827483],"罗戈乡":[105.619073052001,30.89976923843889],"群利镇":[105.9461177401734,30.39989110632146],"荷叶乡":[105.74455754499944,30.42594275335931],"金桥乡":[105.67925660519967,30.47966807254477],"金龙乡":[105.82665492915038,30.51336019862681],"高升乡":[105.75010033834272,30.5883899182858],"高坪镇":[105.71223547047973,30.45834918525092],"鸣凤镇":[105.74421409187894,30.69093851701718],"黄泥乡":[105.83304699739176,30.56035955953184],"城南新区":[105.6988830221915,30.72531944948541],"上游工业园":[105.68473591866979,30.7407427629634]}
遂宁市蓬溪县行政划分代码
[{"name":"蓬南镇","code":"510921114000"},{"name":"赤城镇","code":"510921100000"},{"name":"三凤镇","code":"510921112000"},{"name":"下东乡","code":""},{"name":"新胜乡","code":""},{"name":"任隆镇","code":"510921111000"},{"name":"农兴乡","code":""},{"name":"吉星乡","code":""},{"name":"吉祥镇","code":"510921109000"},{"name":"回水乡","code":""},{"name":"大石镇","code":"510921108000"},{"name":"天福镇","code":"510921105000"},{"name":"宝梵镇","code":"510921107000"},{"name":"常乐镇","code":"510921104000"},{"name":"文井镇","code":"510921102000"},{"name":"新会镇","code":"510921101000"},{"name":"新星乡","code":""},{"name":"明月镇","code":"510921103000"},{"name":"板桥乡","code":""},{"name":"槐花乡","code":""},{"name":"群力乡","code":""},{"name":"红江镇","code":"510921106000"},{"name":"罗戈乡","code":""},{"name":"群利镇","code":"510921115000"},{"name":"荷叶乡","code":"510921207000"},{"name":"金桥乡","code":""},{"name":"金龙乡","code":""},{"name":"高升乡","code":"510921213000"},{"name":"高坪镇","code":""},{"name":"鸣凤镇","code":"510921110000"},{"name":"黄泥乡","code":""},{"name":"城南新区","code":""},{"name":"上游工业园","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
