可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理成都市简阳市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts成都市简阳市geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts成都市简阳市geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts成都市简阳市geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
threejs成都市简阳市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话，可以观看threejs教程视频 WebGL 3D可视化教程
threejs成都市简阳市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs成都市简阳市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
成都市简阳市 下辖有 禾丰镇,同合乡,三合镇,三星镇,东溪镇,丹景乡,云龙镇,五合乡,周家乡,五指乡,五星乡,养马镇,普安乡,坛罐乡,壮溪乡,安乐乡,永宁乡,宏缘乡,平息乡,海螺乡,平武镇,平泉镇,平窝乡,新市镇,新星乡,涌泉镇,新民乡,灵仙乡,施家镇,望水乡,老龙乡,武庙乡,江源镇,清风乡,玉成乡,石盘镇,石钟镇,福田乡,简城镇,芦葭镇,草池镇,贾家镇,踏水镇,金马镇,镇金镇,雷家乡,青龙镇,飞龙乡,高明乡,太平桥镇,石板凳镇,老君井乡,董家埂乡,三岔镇,石桥镇
成都市简阳市下辖区域坐标
{"禾丰镇":[104.73680194990185,30.41297867647002],"同合乡":[104.60293194912695,30.61058050103327],"三合镇":[104.72341107125703,30.49006536078612],"三星镇":[104.59892281271894,30.55791443997125],"东溪镇":[104.58925263176513,30.40244110346807],"丹景乡":[104.23319991258859,30.33823698711009],"云龙镇":[104.82160088960458,30.43670043442864],"五合乡":[104.83331945996889,30.48516582451963],"周家乡":[104.43853739417409,30.5478432202959],"五指乡":[104.29181070808832,30.43529679490902],"五星乡":[104.6990824237283,30.34569197956489],"养马镇":[104.51103706362042,30.49800474221609],"普安乡":[104.66664887030265,30.40006537068185],"坛罐乡":[104.36548318392008,30.38893917632773],"壮溪乡":[104.52046044255808,30.53394468739897],"安乐乡":[104.76181418954421,30.35550297078888],"永宁乡":[104.56040402537013,30.22573044713593],"宏缘乡":[104.53462578332739,30.60068778000521],"平息乡":[104.8103756176246,30.35210520895457],"海螺乡":[104.40898024336089,30.39595067134602],"平武镇":[104.66540375526958,30.43810235191934],"平泉镇":[104.63095563168312,30.34924213384764],"平窝乡":[104.57443341430522,30.51968830231493],"新市镇":[104.60800304765505,30.29981060961973],"新星乡":[104.64646165460829,30.59310496027239],"涌泉镇":[104.85303685110077,30.38234341640703],"新民乡":[104.25045285791731,30.28417910384128],"灵仙乡":[104.47918656248177,30.56835595967726],"施家镇":[104.77445392877647,30.30913810190868],"望水乡":[104.45689412509769,30.18340810783376],"老龙乡":[104.42027338226205,30.12635407978352],"武庙乡":[104.26018547788885,30.37965116602529],"江源镇":[104.54283881153518,30.27531425473675],"清风乡":[104.39410490629213,30.23568414597204],"玉成乡":[104.34249357728524,30.34286783627808],"石盘镇":[104.44252237757468,30.48669666230318],"石钟镇":[104.59010484058518,30.46747207621585],"福田乡":[104.37000054712907,30.27899709954339],"简城镇":[104.53262794775085,30.37714802510984],"芦葭镇":[104.45542471268477,30.26648469706101],"草池镇":[104.41015103030108,30.34455830789996],"贾家镇":[104.36630979337892,30.45614646051992],"踏水镇":[104.67639547230529,30.54862670850933],"金马镇":[104.77999660154069,30.47072140530375],"镇金镇":[104.36985558202238,30.18366511584778],"雷家乡":[104.50301126003873,30.2176057887124],"青龙镇":[104.64058417336119,30.50484174180747],"飞龙乡":[104.67086853866218,30.30362013341892],"高明乡":[104.31733483146067,30.38948363321191],"太平桥镇":[104.43125307409409,30.42930859038184],"石板凳镇":[104.48663101355223,30.32418755897455],"老君井乡":[104.28931818685913,30.4722392947449],"董家埂乡":[104.29248773338504,30.24285554019389],"三岔镇":[104.29654900767024,30.29614754100061],"石桥镇":[104.49775536565454,30.4120241102076]}
成都市简阳市行政划分代码
[{"name":"禾丰镇","code":"510185106000"},{"name":"同合乡","code":""},{"name":"三合镇","code":"510185116000"},{"name":"三星镇","code":"510185108000"},{"name":"东溪镇","code":""},{"name":"丹景乡","code":""},{"name":"云龙镇","code":"510185107000"},{"name":"五合乡","code":""},{"name":"周家乡","code":""},{"name":"五指乡","code":""},{"name":"五星乡","code":""},{"name":"养马镇","code":""},{"name":"普安乡","code":""},{"name":"坛罐乡","code":""},{"name":"壮溪乡","code":""},{"name":"安乐乡","code":""},{"name":"永宁乡","code":""},{"name":"宏缘乡","code":""},{"name":"平息乡","code":""},{"name":"海螺乡","code":""},{"name":"平武镇","code":"510185117000"},{"name":"平泉镇","code":""},{"name":"平窝乡","code":""},{"name":"新市镇","code":""},{"name":"新星乡","code":""},{"name":"涌泉镇","code":"510185121000"},{"name":"新民乡","code":""},{"name":"灵仙乡","code":""},{"name":"施家镇","code":"510185115000"},{"name":"望水乡","code":""},{"name":"老龙乡","code":""},{"name":"武庙乡","code":""},{"name":"江源镇","code":"510185120000"},{"name":"清风乡","code":""},{"name":"玉成乡","code":""},{"name":"石盘镇","code":""},{"name":"石钟镇","code":"510185114000"},{"name":"福田乡","code":""},{"name":"简城镇","code":""},{"name":"芦葭镇","code":"510185122000"},{"name":"草池镇","code":""},{"name":"贾家镇","code":""},{"name":"踏水镇","code":"510185119000"},{"name":"金马镇","code":""},{"name":"镇金镇","code":"510185113000"},{"name":"雷家乡","code":""},{"name":"青龙镇","code":"510185125000"},{"name":"飞龙乡","code":""},{"name":"高明乡","code":""},{"name":"太平桥镇","code":""},{"name":"石板凳镇","code":""},{"name":"老君井乡","code":""},{"name":"董家埂乡","code":""},{"name":"三岔镇","code":""},{"name":"石桥镇","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
