echarts吕梁市临县geoJson地图点击地图获取经纬度效果

geoJson2 yekong 110℃

可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理吕梁市临县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

临县,位于黄河中游晋西黄土高原吕梁山西侧,隶属于山西省吕梁市,东屏吕梁山连接方山,西临黄河与陕西佳县、吴堡县隔河相望,北靠兴县,南接离石、柳林区。总面积2979平方公里,辖23个乡镇472个行政村32个社区。根据第七次人口普查数据,截至2020年11月1日零时,临县常住人口394713人。

echarts吕梁市临县geoJson地图点击地图获取经纬度

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

echarts吕梁市临县geoJson地图点击地图获取经纬度

echarts吕梁市临县geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts吕梁市临县geoJson地图点击地图插小旗

echarts吕梁市临县geoJson地图3d地图自定义图标

echarts 3d地图添加自定义图标实例

echarts吕梁市临县geoJson地图3d地图自定义图标

threejs吕梁市临县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话,可以观看threejs教程视频 WebGL/Three.js前端3D可视化教程

threejs吕梁市临县geoJson地图3d地图添加描边效果

threejs吕梁市临县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs吕梁市临县geoJson地图3d地图添加旋转棱锥

threejs吕梁市临县geoJson地图3d地图css2d标签

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

threejs吕梁市临县geoJson地图3d地图css2d标签

吕梁市临县 下辖有 丛罗峪镇,刘家会镇,八堡乡,兔坂镇,白文镇,石白头乡,青凉寺乡,湍水头镇,雷家碛乡,安家庄乡,木瓜坪乡,临泉镇,碛口镇,车赶乡,三交镇,克虎镇,招贤镇,曲峪镇,玉坪乡,林家坪镇,城庄镇,大禹乡,安业乡,丛罗峪镇,刘家会镇,八堡乡,兔坂镇,白文镇,石白头乡,青凉寺乡,湍水头镇,雷家碛乡,安家庄乡,木瓜坪乡,临泉镇,碛口镇,车赶乡,三交镇,克虎镇,招贤镇,曲峪镇,玉坪乡,林家坪镇,城庄镇,大禹乡,安业乡

吕梁市临县下辖区域坐标

{"丛罗峪镇":[110.7264101833859,37.78510416537247],"刘家会镇":[110.83348280723146,37.78688051835485],"八堡乡":[110.55800193422755,38.13258525118775],"兔坂镇":[110.6464338228979,38.01496134230045],"白文镇":[111.07420252590259,38.15000865864617],"石白头乡":[110.7611006927841,37.91124015607465],"青凉寺乡":[110.8464616032434,38.01514711775513],"湍水头镇":[111.10404077388363,37.74184769150866],"雷家碛乡":[110.7292434010987,38.07471180708114],"安家庄乡":[110.87111028921181,37.88304865824416],"木瓜坪乡":[111.11334774808401,37.98936525767337],"临泉镇":[110.98192215485238,37.99758929866673],"碛口镇":[110.77963522836865,37.6692654174875],"车赶乡":[111.06708371355951,37.80327094257028],"三交镇":[110.96784797015133,37.77065036985195],"克虎镇":[110.54930117542192,38.00389769487335],"招贤镇":[110.94592417808465,37.67109565245467],"曲峪镇":[110.67664617558464,37.87897788479108],"玉坪乡":[111.11765255107,37.92570062985891],"林家坪镇":[110.88167787898277,37.68734109107837],"城庄镇":[111.06986990258976,38.05435905216022],"大禹乡":[111.04283235664184,37.84982193821303],"安业乡":[110.97057212088009,37.89736817053657]}

吕梁市临县行政划分代码

[{"name":"丛罗峪镇","code":"141124111000"},{"name":"刘家会镇","code":"141124110000"},{"name":"八堡乡","code":"141124206000"},{"name":"兔坂镇","code":"141124103000"},{"name":"白文镇","code":"141124101000"},{"name":"石白头乡","code":"141124204000"},{"name":"青凉寺乡","code":"141124203000"},{"name":"湍水头镇","code":"141124106000"},{"name":"雷家碛乡","code":"141124205000"},{"name":"安家庄乡","code":"141124209000"},{"name":"木瓜坪乡","code":"141124200000"},{"name":"临泉镇","code":"141124100000"},{"name":"碛口镇","code":"141124109000"},{"name":"车赶乡","code":"141124208000"},{"name":"三交镇","code":"141124105000"},{"name":"克虎镇","code":"141124104000"},{"name":"招贤镇","code":"141124108000"},{"name":"曲峪镇","code":"141124112000"},{"name":"玉坪乡","code":"141124202000"},{"name":"林家坪镇","code":"141124107000"},{"name":"城庄镇","code":"141124102000"},{"name":"大禹乡","code":"141124207000"},{"name":"安业乡","code":"141124201000"}]

说明

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

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

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

吕梁市临县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts吕梁市临县geoJson地图点击地图获取经纬度效果