数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是四平市双辽市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts四平市双辽市geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts四平市双辽市geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts四平市双辽市geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
threejs四平市双辽市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话,可以观看threejs视频课程 Three.js前端3D可视化教程
threejs四平市双辽市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
四平市双辽市 下辖有 双辽种羊场,辽南街道,辽西街道,新立乡,双山镇,茂林镇,那木乡,双辽农场,郑家屯街道,双辽经济开发区,红旗街道,服先镇,柳条乡,王奔镇,玻璃山镇,东明镇,兴隆镇,卧虎镇,永加乡,辽东街道,辽北街道
四平市双辽市下辖区域坐标
{"双辽种羊场":[123.60155533806582,43.86595528197181],"辽南街道":[123.47017032506794,43.49030487686139],"辽西街道":[123.45862279780076,43.51633312121986],"新立乡":[124.00133210104511,43.66371255713018],"双山镇":[123.9006138230796,43.7669959163098],"茂林镇":[123.54089987375067,43.99142044813938],"那木乡":[123.46393834801523,43.48688875647233],"双辽农场":[123.9501087453213,43.7015201336355],"郑家屯街道":[123.51526454122391,43.50081056894923],"双辽经济开发区":[123.45389842581201,43.50552855404668],"红旗街道":[123.66239694861065,43.57053777868082],"服先镇":[123.80949170079339,43.93990114036682],"柳条乡":[123.81081093259988,43.62799839683446],"王奔镇":[123.65174186679776,43.43697674014241],"玻璃山镇":[123.54357045767443,43.83198217902331],"东明镇":[123.76811996608234,43.51848934823845],"兴隆镇":[123.82436090611213,43.86615923656983],"卧虎镇":[123.5985062029333,43.68471001180394],"永加乡":[123.80416955576624,43.751151819106],"辽东街道":[123.5748971824489,43.52608417283661],"辽北街道":[123.5029005805221,43.52591191388915]}
四平市双辽市行政划分代码
[{"name":"双辽种羊场","code":""},{"name":"辽南街道","code":"220382003000"},{"name":"辽西街道","code":"220382002000"},{"name":"新立乡","code":"220382202000"},{"name":"双山镇","code":"220382101000"},{"name":"茂林镇","code":"220382100000"},{"name":"那木乡","code":"220382200000"},{"name":"双辽农场","code":""},{"name":"郑家屯街道","code":"220382001000"},{"name":"双辽经济开发区","code":""},{"name":"红旗街道","code":"220382006000"},{"name":"服先镇","code":"220382103000"},{"name":"柳条乡","code":"220382201000"},{"name":"王奔镇","code":"220382104000"},{"name":"玻璃山镇","code":"220382105000"},{"name":"东明镇","code":"220382107000"},{"name":"兴隆镇","code":"220382106000"},{"name":"卧虎镇","code":"220382102000"},{"name":"永加乡","code":"220382203000"},{"name":"辽东街道","code":"220382005000"},{"name":"辽北街道","code":"220382004000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看