echarts晋中市介休市geoJson地图局部颜色渐变效果实例

geoJson2 yekong

数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是晋中市介休市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

介休,山西省 辖县级市,由 晋中市 代管,位于山西省中南部,太岳山北侧。地跨东经111°44′10″~112°10′14″、北纬36°50′01″~37°11′04″。东西最宽处38.5千米,南北纵长38千米,总面积744平方千米,占全省总面积的0.47%。介休市属暖温季风气候。截至2019年,介休市下辖5个街道、7个镇、2个乡,市政府驻北关街道。根据第七次人口普查数据,截至2020年11月1日零时,介休市常住人口为432095人。

echarts晋中市介休市geoJson地图局部颜色渐变

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

echarts晋中市介休市geoJson地图局部颜色渐变

echarts晋中市介休市geoJson地图3d地图

使用的是echarts-gl结合echarts实现的3d地图效果实例

echarts晋中市介休市geoJson地图3d地图

echarts晋中市介休市geoJson地图点击地图插小旗

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

echarts晋中市介休市geoJson地图点击地图插小旗

threejs晋中市介休市geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频教程 WebGL前端3D可视化教程

threejs晋中市介休市geoJson地图3d地图自定义贴图加CSS2D标签

threejs晋中市介休市geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能

threejs晋中市介休市geoJson地图3d地图红色描边闪烁警报

threejs晋中市介休市geoJson地图3d地图

通过threejs绘制的3d地图实例

threejs晋中市介休市geoJson地图3d地图

晋中市介休市 下辖有 北关街道,三佳乡,义安镇,宋古乡,义棠镇,城关乡,绵山镇,西南街道,连福镇,龙凤镇,东南街道,张兰镇,北坛街道,西关街道,洪山镇,北关街道,三佳乡,义安镇,宋古乡,义棠镇,城关乡,绵山镇,西南街道,连福镇,龙凤镇,东南街道,张兰镇,北坛街道,西关街道,洪山镇

晋中市介休市下辖区域坐标

{"北关街道":[111.92618085216594,37.03341173376836],"三佳乡":[111.97878898106534,37.05189134958492],"义安镇":[111.98315407945208,37.12413790750435],"宋古乡":[111.91800658714747,37.07097958243712],"义棠镇":[111.80449262573069,37.00006228740257],"城关乡":[],"绵山镇":[111.9320123375542,36.93093507974648],"西南街道":[111.89859959681715,37.01717561316633],"连福镇":[112.06917677462692,37.04220990537044],"龙凤镇":[112.00046298998062,36.95313563112062],"东南街道":[111.92840122064993,37.02598342168672],"张兰镇":[112.1048696346173,37.07744302624091],"北坛街道":[],"西关街道":[111.88887590157358,37.0279853625315],"洪山镇":[112.02154573791452,37.03073591350061]}

晋中市介休市行政划分代码

[{"name":"北关街道","code":"140781001000"},{"name":"三佳乡","code":""},{"name":"义安镇","code":"140781100000"},{"name":"宋古乡","code":"140781201000"},{"name":"义棠镇","code":"140781106000"},{"name":"城关乡","code":"140781200000"},{"name":"绵山镇","code":"140781105000"},{"name":"西南街道","code":"140781004000"},{"name":"连福镇","code":"140781102000"},{"name":"龙凤镇","code":"140781104000"},{"name":"东南街道","code":"140781003000"},{"name":"张兰镇","code":"140781101000"},{"name":"北坛街道","code":"140781005000"},{"name":"西关街道","code":"140781002000"},{"name":"洪山镇","code":"140781103000"}]

说明

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

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

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

晋中市介休市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts晋中市介休市geoJson地图局部颜色渐变效果实例