echarts临夏回族自治州东乡族自治县geoJson地图热力图演示实例

echarts yekong

数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理临夏回族自治州东乡族自治县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

东乡族自治县 位于 甘肃省 中部西南面,临夏回族自治州东面,东经103°10′~44′,北纬35°30′~36′之间。东临洮河与定西市毗邻,南与广河、和政两县接壤,西接大夏河与临夏市、临夏县为界,北隔黄河与永靖县相望。全县总面积1510平方千米。根据第七次人口普查数据,截至2020年11月1日零时,东乡族自治县常住人口为290034人。

echarts临夏回族自治州东乡族自治县geoJson地图热力图

echarts通过heatmap实现热力图效果

echarts临夏回族自治州东乡族自治县geoJson地图热力图

echarts临夏回族自治州东乡族自治县geoJson地图根据经纬度显示自定义html弹窗

echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.

echarts临夏回族自治州东乡族自治县geoJson地图根据经纬度显示自定义html弹窗

echarts临夏回族自治州东乡族自治县geoJson地图tooltip自定义html

echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.

echarts临夏回族自治州东乡族自治县geoJson地图tooltip自定义html

threejs临夏回族自治州东乡族自治县geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs教程视频 Three.js 3D可视化

threejs临夏回族自治州东乡族自治县geoJson地图3d地图红色描边闪烁警报

threejs临夏回族自治州东乡族自治县geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs临夏回族自治州东乡族自治县geoJson地图3d地图指定区域闪烁

threejs临夏回族自治州东乡族自治县geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图

threejs临夏回族自治州东乡族自治县geoJson地图3d地图自定义贴图加CSS3D标签

临夏回族自治州东乡族自治县 下辖有 唐汪镇,高山乡,龙泉乡,车家湾乡,那勒寺镇,北岭乡,达板镇,坪庄乡,大树乡,春台乡,果园乡,柳树乡,汪集乡,河滩镇,沿岭乡,百和乡,考勒乡,董岭乡,东塬乡,五家乡,关卜乡,赵家乡,锁南镇,风山乡

临夏回族自治州东乡族自治县下辖区域坐标

{"唐汪镇":[103.52739270124319,35.81257780621844],"高山乡":[103.60256788687335,35.6917717143038],"龙泉乡":[103.41270637869125,35.79302972836288],"车家湾乡":[103.6849215855276,35.61930373074931],"那勒寺镇":[103.43807866616314,35.55820315018197],"北岭乡":[103.46691405174207,35.74950535991265],"达板镇":[103.64829959635892,35.71783671527017],"坪庄乡":[103.39745081834391,35.59327280755416],"大树乡":[103.49977221130771,35.72424331461792],"春台乡":[103.31815880467374,35.74781670140423],"果园乡":[103.64048821749793,35.56133969655527],"柳树乡":[103.28535513957644,35.74405917804229],"汪集乡":[103.5232698041105,35.63006769819531],"河滩镇":[103.22032078582468,35.76621811014969],"沿岭乡":[103.45914686538467,35.65367735412717],"百和乡":[103.32596203722339,35.56533113261446],"考勒乡":[103.32754464001479,35.83502666859616],"董岭乡":[103.40310131405064,35.86293813867587],"东塬乡":[103.31099080090749,35.63914930217494],"五家乡":[103.55683128182244,35.55261017004127],"关卜乡":[103.3293366698522,35.52729120065046],"赵家乡":[103.51441478290843,35.53900773643306],"锁南镇":[103.39758526279381,35.67669769853889],"风山乡":[103.60550511755267,35.61970484981259]}

临夏回族自治州东乡族自治县行政划分代码

[{"name":"唐汪镇","code":"622926104000"},{"name":"高山乡","code":"622926216000"},{"name":"龙泉乡","code":""},{"name":"车家湾乡","code":"622926215000"},{"name":"那勒寺镇","code":"622926103000"},{"name":"北岭乡","code":"622926220000"},{"name":"达板镇","code":"622926101000"},{"name":"坪庄乡","code":"622926204000"},{"name":"大树乡","code":"622926219000"},{"name":"春台乡","code":"622926200000"},{"name":"果园乡","code":""},{"name":"柳树乡","code":"622926201000"},{"name":"汪集乡","code":""},{"name":"河滩镇","code":"622926102000"},{"name":"沿岭乡","code":"622926212000"},{"name":"百和乡","code":"622926205000"},{"name":"考勒乡","code":"622926222000"},{"name":"董岭乡","code":"622926223000"},{"name":"东塬乡","code":"622926202000"},{"name":"五家乡","code":"622926209000"},{"name":"关卜乡","code":"622926206000"},{"name":"赵家乡","code":"622926208000"},{"name":"锁南镇","code":"622926100000"},{"name":"风山乡","code":"622926214000"}]

说明

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

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

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

临夏回族自治州东乡族自治县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts临夏回族自治州东乡族自治县geoJson地图热力图演示实例