echarts吕梁市方山县geoJson地图label自定义样式演示实例

geoJson2 yekong

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

方山县,隶属于 山西省 吕梁市,位于山西省西部,吕梁山中段西侧。东屏关帝山与娄烦、交城接壤,西依汉高山与临县毗邻,北与兴县、岚县交界,南与离石区相连,总面积1434平方千米。截至2022年10月,方山县下辖6个镇。根据第七次人口普查数据,截至2020年11月1日零时,方山县常住人口112692人。

echarts吕梁市方山县geoJson地图label自定义样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts吕梁市方山县geoJson地图label自定义样式

echarts吕梁市方山县geoJson地图定义颜色

echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.

echarts吕梁市方山县geoJson地图定义颜色

echarts吕梁市方山县geoJson地图点击跳转到指定页面

为图标添加点击事件,点击图标,跳转到指定页面

echarts吕梁市方山县geoJson地图点击跳转到指定页面

threejs吕梁市方山县geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果想系统的学习threejs的话,可以观看threejs视频 Three.js视频教程3D可视化

threejs吕梁市方山县geoJson地图3d地图CSS3D标签

threejs吕梁市方山县geoJson地图3d地图添加金色效果

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

threejs吕梁市方山县geoJson地图3d地图添加金色效果

threejs吕梁市方山县geoJson地图3d地图指定区域闪烁

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

threejs吕梁市方山县geoJson地图3d地图指定区域闪烁

吕梁市方山县 下辖有 马坊镇,圪洞镇,大武镇,峪口镇,积翠乡,北武当镇,麻地会乡,马坊镇,圪洞镇,大武镇,峪口镇,积翠乡,北武当镇,麻地会乡

吕梁市方山县下辖区域坐标

{"马坊镇":[111.41684561146813,38.02870532305526],"圪洞镇":[111.27078039267028,37.86771561000185],"大武镇":[111.17003297162768,37.67341343111225],"峪口镇":[111.2278853269253,37.75726766465735],"积翠乡":[111.39100083143654,37.9865575481828],"北武当镇":[111.3472405515563,37.73876563604239],"麻地会乡":[111.33725481669242,37.94220236471834]}

吕梁市方山县行政划分代码

[{"name":"马坊镇","code":"141128101000"},{"name":"圪洞镇","code":"141128100000"},{"name":"大武镇","code":"141128103000"},{"name":"峪口镇","code":"141128102000"},{"name":"积翠乡","code":""},{"name":"北武当镇","code":"141128104000"},{"name":"麻地会乡","code":""}]

说明

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

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

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

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

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts吕梁市方山县geoJson地图label自定义样式演示实例