echarts鞍山市岫岩满族自治县geoJson地图添加柱状图代码演示

geoJson yekong

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

岫岩满族自治县,隶属于辽宁省鞍山市,地处辽东半岛的北部。东及东南与凤城市、东港市毗连,西与大石桥市、盖州市为邻,南与庄河市相接,北及西北与辽阳县、海城市接壤。行政区域总面积4502平方千米。

echarts鞍山市岫岩满族自治县geoJson地图添加柱状图

echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.

echarts鞍山市岫岩满族自治县geoJson地图添加柱状图

echarts鞍山市岫岩满族自治县geoJson地图3d地图自定义贴图-绿色地面

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

echarts鞍山市岫岩满族自治县geoJson地图3d地图自定义贴图-绿色地面

echarts鞍山市岫岩满族自治县geoJson地图全局颜色渐变

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

echarts鞍山市岫岩满族自治县geoJson地图全局颜色渐变

threejs鞍山市岫岩满族自治县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs视频 WebGL前端3D可视化教程

threejs鞍山市岫岩满族自治县geoJson地图3d地图添加旋转棱锥

threejs鞍山市岫岩满族自治县geoJson地图3d地图红色描边闪烁警报

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

threejs鞍山市岫岩满族自治县geoJson地图3d地图红色描边闪烁警报

threejs鞍山市岫岩满族自治县geoJson地图3d地图

通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例

threejs鞍山市岫岩满族自治县geoJson地图3d地图

鞍山市岫岩满族自治县 下辖有 三家子镇,兴隆街道,前营子镇,大房身镇,清凉山镇,黄花甸镇,朝阳镇,龙潭镇,仙人咀街道,哈达碑镇,岭沟乡,药山镇,杨家堡镇,新甸镇,洋河镇,牧牛镇,哨子河乡,大宁街道,石庙子镇,大营子镇,石灰窑镇,雅河街道,苏子沟镇,阜昌街道,红旗营子乡,偏岭镇

鞍山市岫岩满族自治县下辖区域坐标

{"三家子镇":[123.3669692313041,40.71110592656417],"兴隆街道":[123.27519187042066,40.3676315138434],"前营子镇":[123.08619581496646,40.21845864912538],"大房身镇":[123.3160722740248,40.51770558198743],"清凉山镇":[123.63367729277569,40.61600564873348],"黄花甸镇":[123.46781626138159,40.52401399334247],"朝阳镇":[123.59459421919894,40.48157138120202],"龙潭镇":[123.0590761528627,40.17101901551263],"仙人咀街道":[123.22032215937921,40.23511408628547],"哈达碑镇":[123.07178779022982,40.39686410132098],"岭沟乡":[123.43927503906994,40.17813196012787],"药山镇":[123.37418178130667,40.59135899169578],"杨家堡镇":[123.31202462450322,40.15105737028544],"新甸镇":[123.10190660270615,40.08700224480215],"洋河镇":[123.37705551257702,40.08117982976786],"牧牛镇":[123.21319350741575,40.65220553661517],"哨子河乡":[123.52546334761571,40.18481021936705],"大宁街道":[123.3059112637097,40.24688001842419],"石庙子镇":[123.50820427584688,40.71780050779907],"大营子镇":[123.63140869798774,40.36335089783884],"石灰窑镇":[123.04032357305073,40.28932301216093],"雅河街道":[123.27501332230024,40.1885290760606],"苏子沟镇":[123.4168892284709,40.40772080082547],"阜昌街道":[],"红旗营子乡":[123.43380568094895,40.307914589365],"偏岭镇":[123.15482276808713,40.50167230579446]}

鞍山市岫岩满族自治县行政划分代码

[{"name":"三家子镇","code":"210323101000"},{"name":"兴隆街道","code":"210323003000"},{"name":"前营子镇","code":""},{"name":"大房身镇","code":"210323118000"},{"name":"清凉山镇","code":"210323112000"},{"name":"黄花甸镇","code":"210323103000"},{"name":"朝阳镇","code":"210323119000"},{"name":"龙潭镇","code":"210323115000"},{"name":"仙人咀街道","code":""},{"name":"哈达碑镇","code":"210323107000"},{"name":"岭沟乡","code":"210323211000"},{"name":"药山镇","code":"210323117000"},{"name":"杨家堡镇","code":"210323111000"},{"name":"新甸镇","code":"210323108000"},{"name":"洋河镇","code":"210323109000"},{"name":"牧牛镇","code":"210323116000"},{"name":"哨子河乡","code":"210323212000"},{"name":"大宁街道","code":""},{"name":"石庙子镇","code":"210323102000"},{"name":"大营子镇","code":"210323104000"},{"name":"石灰窑镇","code":"210323113000"},{"name":"雅河街道","code":"210323004000"},{"name":"苏子沟镇","code":"210323105000"},{"name":"阜昌街道","code":"210323001000"},{"name":"红旗营子乡","code":"210323206000"},{"name":"偏岭镇","code":"210323106000"}]

说明

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

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

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

鞍山市岫岩满族自治县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts鞍山市岫岩满族自治县geoJson地图添加柱状图代码演示