echarts忻州市原平市geoJson地图 tooltip轮播代码演示

geoJson2 yekong 139℃

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

原平市,山西省 辖县级市,由 忻州市 代管,地处山西省北中部,东临五台县,西靠宁武县,南与忻府区、定襄县毗邻,北和代县、朔州市朔城区接壤。截至2022年10月,原平市总面积2560平方千米,下辖4个街道、7个镇、7个乡、1个省级经济技术开发区。2021年末,原平市常住人口为40.83万人。

echarts忻州市原平市geoJson地图 tooltip轮播

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

echarts忻州市原平市geoJson地图 tooltip轮播

echarts忻州市原平市geoJson地图3d地图自定义贴图-绿色地面

3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例

echarts忻州市原平市geoJson地图3d地图自定义贴图-绿色地面

echarts忻州市原平市geoJson地图区域闪烁

echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.

echarts忻州市原平市geoJson地图区域闪烁

threejs忻州市原平市geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL 3D可视化教程

threejs忻州市原平市geoJson地图3d地图CSS2D外加旋转棱锥

threejs忻州市原平市geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小

threejs忻州市原平市geoJson地图3d地图CSS3D标签

threejs忻州市原平市geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs忻州市原平市geoJson地图3d地图添加金色效果

忻州市原平市 下辖有 山西鲁能晋北铝业工矿区,南城街道,原平农场,北城街道,东社镇,大林乡,中阳乡,南白乡,子干乡,崞阳镇,新原乡,沿沟乡,西镇乡,解村乡,轩岗镇,闫庄镇,大牛店镇,楼板寨乡,长梁沟镇,段家堡乡,王家庄乡,苏龙口镇,轩岗街道,山西鲁能晋北铝业工矿区,南城街道,原平农场,北城街道,东社镇,大林乡,中阳乡,南白乡,子干乡,崞阳镇,新原乡,沿沟乡,西镇乡,解村乡,轩岗镇,闫庄镇,大牛店镇,楼板寨乡,长梁沟镇,段家堡乡,王家庄乡,苏龙口镇,轩岗街道

忻州市原平市下辖区域坐标

{"山西鲁能晋北铝业工矿区":[112.7526564616256,38.75422602404638],"南城街道":[112.70580979562558,38.71232566677593],"原平农场":[112.74624139737818,38.76766647563324],"北城街道":[112.70499728473473,38.74016004284178],"东社镇":[112.9580319221059,38.70817564858977],"大林乡":[112.66600276146119,38.86734610301474],"中阳乡":[112.82774864265166,38.81495366885369],"南白乡":[112.92407899651984,38.65090199039493],"子干乡":[112.8006120102848,38.68300516709803],"崞阳镇":[112.67626565407002,38.91791423135388],"新原乡":[],"沿沟乡":[112.76620497579066,39.00799655794303],"西镇乡":[112.70741594553797,38.78936823211459],"解村乡":[112.63332079879083,38.70876589220461],"轩岗镇":[112.42146699698029,38.91153635691762],"闫庄镇":[112.57905354435377,38.63406102495097],"大牛店镇":[112.55659922808582,38.82982297449165],"楼板寨乡":[112.51718835480521,38.74218151402754],"长梁沟镇":[112.38294368346781,38.80694989964524],"段家堡乡":[112.60089267618592,39.03047358805318],"王家庄乡":[112.6778177763945,38.64297521498145],"苏龙口镇":[112.8999807605183,38.86772436833293],"轩岗街道":[]}

忻州市原平市行政划分代码

[{"name":"山西鲁能晋北铝业工矿区","code":"140981400000"},{"name":"南城街道","code":"140981002000"},{"name":"原平农场","code":"140981403000"},{"name":"北城街道","code":"140981001000"},{"name":"东社镇","code":""},{"name":"大林乡","code":"140981205000"},{"name":"中阳乡","code":"140981203000"},{"name":"南白乡","code":""},{"name":"子干乡","code":"140981202000"},{"name":"崞阳镇","code":"140981102000"},{"name":"新原乡","code":""},{"name":"沿沟乡","code":"140981204000"},{"name":"西镇乡","code":"140981206000"},{"name":"解村乡","code":""},{"name":"轩岗镇","code":"140981106000"},{"name":"闫庄镇","code":"140981104000"},{"name":"大牛店镇","code":"140981103000"},{"name":"楼板寨乡","code":""},{"name":"长梁沟镇","code":""},{"name":"段家堡乡","code":"140981210000"},{"name":"王家庄乡","code":"140981208000"},{"name":"苏龙口镇","code":"140981101000"},{"name":"轩岗街道","code":""}]

说明

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

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

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

忻州市原平市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts忻州市原平市geoJson地图 tooltip轮播代码演示