echarts吕梁市岚县geoJson地图局部颜色渐变实例代码

geoJson2 yekong 88℃

随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理吕梁市岚县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

岚县,隶属 山西省 吕梁市,位于山西省境中部西侧,吕梁北,忻州南,邻太原,东邻静乐,南连娄烦、方山,西靠兴县,北倚岢岚。岚县海拔较高,地势平坦,号称“天上云间”。岚县属温带大陆性季风气候,气候冷凉。全县最高海拔2275米,最低海拔1154米。全县国土总面积1512平方公里,约占全省总面积的0.97%,占吕梁市总面积的7.2%。根据第七次人口普查数据,截至2020年11月1日零时,岚县常住人口148315人。

echarts吕梁市岚县geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts吕梁市岚县geoJson地图局部颜色渐变

echarts吕梁市岚县geoJson地图区域闪烁

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

echarts吕梁市岚县geoJson地图区域闪烁

echarts吕梁市岚县geoJson地图全局颜色渐变

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果

echarts吕梁市岚县geoJson地图全局颜色渐变

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

通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频 Three.js 3D可视化

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

threejs吕梁市岚县geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs吕梁市岚县geoJson地图3d地图自定义贴图加CSS3D标签

threejs吕梁市岚县geoJson地图3d地图鼠标移入显示标签并高亮

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

threejs吕梁市岚县geoJson地图3d地图鼠标移入显示标签并高亮

吕梁市岚县 下辖有 王狮乡,上明乡,土峪乡,东村镇,梁家庄乡,岚城镇,界河口镇,大蛇头乡,普明镇,河口乡,社科乡,顺会乡,王狮乡,上明乡,土峪乡,东村镇,梁家庄乡,岚城镇,界河口镇,大蛇头乡,普明镇,河口乡,社科乡,顺会乡

吕梁市岚县下辖区域坐标

{"王狮乡":[111.45841092863063,38.19876123170201],"上明乡":[111.56129471316059,38.35948088274873],"土峪乡":[111.6484134564969,38.35146513697444],"东村镇":[111.66521780243335,38.26772614879438],"梁家庄乡":[111.62837769691441,38.15013490702628],"岚城镇":[111.65987585727598,38.41745913809791],"界河口镇":[111.48913429947928,38.51059060742629],"大蛇头乡":[111.4891392630266,38.40000437285412],"普明镇":[111.5396257454971,38.25934565843421],"河口乡":[111.66470834118846,38.52113581474742],"社科乡":[111.76222023809727,38.26555882638164],"顺会乡":[111.75911882652389,38.39922201675308]}

吕梁市岚县行政划分代码

[{"name":"王狮乡","code":"141127202000"},{"name":"上明乡","code":"141127201000"},{"name":"土峪乡","code":""},{"name":"东村镇","code":"141127100000"},{"name":"梁家庄乡","code":"141127203000"},{"name":"岚城镇","code":"141127101000"},{"name":"界河口镇","code":"141127103000"},{"name":"大蛇头乡","code":""},{"name":"普明镇","code":"141127102000"},{"name":"河口乡","code":""},{"name":"社科乡","code":"141127206000"},{"name":"顺会乡","code":"141127204000"}]

说明

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

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

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

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

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts吕梁市岚县geoJson地图局部颜色渐变实例代码