echarts太原市阳曲县geoJson地图点击地图获取经纬度实例代码

geoJson2 yekong

数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是太原市阳曲县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

阳曲县,史称“三晋首邑”,属于山西省太原市,地处忻州与晋中盆地之脊梁地带。扼晋要冲,太原门户。东,西,北三面环山,南部低平。东临盂县,西连静乐县,古交市,南抵太原市,北接忻州市,东北与定襄县交界,东南入寿阳县毗连。境北系山系横亘东西,云中山系纵贯南北,因为并北屏障,号称太原之北大门,为兵家必争之地。阳曲县有文物保护单位579处(其中国家级5处,省级4处,市级24处)。

echarts太原市阳曲县geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts太原市阳曲县geoJson地图点击地图获取经纬度

echarts太原市阳曲县geoJson地图 tooltip轮播

echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.

echarts太原市阳曲县geoJson地图 tooltip轮播

echarts太原市阳曲县geoJson地图地图排行榜效果

echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果

echarts太原市阳曲县geoJson地图地图排行榜效果

threejs太原市阳曲县geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果对threejs感兴趣,可以观看threejs视频 WebGL/Three.js前端3D可视化教程

threejs太原市阳曲县geoJson地图3d地图CSS3D标签

threejs太原市阳曲县geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs太原市阳曲县geoJson地图3d地图鼠标移入显示标签并高亮

threejs太原市阳曲县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放

threejs太原市阳曲县geoJson地图3d地图css2d标签

太原市阳曲县 下辖有 民营阳曲一区,黄寨镇,东黄水镇,中心镇建设管理办公室,高村乡,民营阳曲二区,侯村乡,大盂镇,泥屯镇,杨兴乡,凌井店乡,北小店乡,西凌井乡,民营阳曲三区,民营阳曲一区,黄寨镇,东黄水镇,中心镇建设管理办公室,高村乡,民营阳曲二区,侯村乡,大盂镇,泥屯镇,杨兴乡,凌井店乡,北小店乡,西凌井乡,民营阳曲三区

太原市阳曲县下辖区域坐标

{"民营阳曲一区":[112.68924534927282,38.0440581812317],"黄寨镇":[112.66416756713006,38.08846604135584],"东黄水镇":[112.79443754657811,38.06617263763034],"中心镇建设管理办公室":[112.6650971329401,38.05699682276135],"高村乡":[112.64798924076914,38.1902430196043],"民营阳曲二区":[112.7273096214257,38.04799080582958],"侯村乡":[112.70561543996976,37.99984476882658],"大盂镇":[112.76886246830688,38.17939414652378],"泥屯镇":[112.47336713524268,38.16141599822319],"杨兴乡":[112.96170960454647,38.28464016932955],"凌井店乡":[112.95258863662279,38.07010802162565],"北小店乡":[112.32041082725934,38.23418624261571],"西凌井乡":[112.34496987111616,38.07677344505336],"民营阳曲三区":[112.67820274890477,38.03141055406991]}

太原市阳曲县行政划分代码

[{"name":"民营阳曲一区","code":""},{"name":"黄寨镇","code":"140122100000"},{"name":"东黄水镇","code":"140122102000"},{"name":"中心镇建设管理办公室","code":""},{"name":"高村乡","code":"140122200000"},{"name":"民营阳曲二区","code":""},{"name":"侯村乡","code":"140122201000"},{"name":"大盂镇","code":"140122101000"},{"name":"泥屯镇","code":"140122103000"},{"name":"杨兴乡","code":"140122205000"},{"name":"凌井店乡","code":"140122202000"},{"name":"北小店乡","code":""},{"name":"西凌井乡","code":"140122203000"},{"name":"民营阳曲三区","code":""}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

太原市阳曲县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts太原市阳曲县geoJson地图点击地图获取经纬度实例代码