数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理保山市腾冲市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts保山市腾冲市geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts保山市腾冲市geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts保山市腾冲市geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
threejs保山市腾冲市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs课程视频 WebGL/Three.js前端高薪3D可视化
threejs保山市腾冲市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs保山市腾冲市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
保山市腾冲市 下辖有 固东镇,新华乡,明光镇,曲石镇,清水乡,团田乡,荷花镇,蒲川乡,马站乡,滇滩镇,猴桥镇,界头镇,腾越镇,芒棒镇,中和镇,五合乡,北海乡,和顺镇
保山市腾冲市下辖区域坐标
{"固东镇":[98.49005239357966,25.33549776978661],"新华乡":[98.48761326577385,24.74365396400826],"明光镇":[98.59268109614035,25.62142480779813],"曲石镇":[98.62390194438314,25.23058886161752],"清水乡":[98.47746439271566,24.94173461491607],"团田乡":[98.62289473466329,24.71566888853308],"荷花镇":[98.37539347660096,24.96414844332755],"蒲川乡":[98.54588230645741,24.73032879334068],"马站乡":[98.44639411345315,25.2155218549003],"滇滩镇":[98.40610855974072,25.52023307226801],"猴桥镇":[98.25602354959949,25.36331689341465],"界头镇":[98.65857235112344,25.54097399695293],"腾越镇":[98.5318169038998,24.97497456965272],"芒棒镇":[98.6747250765079,25.019404728649],"中和镇":[98.34275383893878,25.0587255391678],"五合乡":[98.67007062423664,24.86245601764801],"北海乡":[98.58675041927381,25.09346473561931],"和顺镇":[98.45227133920449,25.01708936416383]}
保山市腾冲市行政划分代码
[{"name":"固东镇","code":"530581102000"},{"name":"新华乡","code":"530581205000"},{"name":"明光镇","code":"530581108000"},{"name":"曲石镇","code":"530581107000"},{"name":"清水乡","code":"530581203000"},{"name":"团田乡","code":"530581207000"},{"name":"荷花镇","code":"530581111000"},{"name":"蒲川乡","code":"530581206000"},{"name":"马站乡","code":"530581201000"},{"name":"滇滩镇","code":"530581103000"},{"name":"猴桥镇","code":"530581104000"},{"name":"界头镇","code":"530581106000"},{"name":"腾越镇","code":""},{"name":"芒棒镇","code":"530581110000"},{"name":"中和镇","code":"530581109000"},{"name":"五合乡","code":"530581204000"},{"name":"北海乡","code":"530581202000"},{"name":"和顺镇","code":"530581105000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看