echarts鞍山市海城市geoJson地图局部颜色渐变代码演示

geoJson yekong

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

海城市,辽宁省辖县级市,由鞍山市代管,位于辽宁省中南部、鞍山市中部,地处辽河下游左岸、辽东半岛北端,属暖温带季风气候,毗邻9个区、县(市),总面积2732平方千米。截至2022年10月,海城市辖5个街道、21个镇。截至2021年末,海城市户籍人口1048572人。

echarts鞍山市海城市geoJson地图局部颜色渐变

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

echarts鞍山市海城市geoJson地图局部颜色渐变

echarts鞍山市海城市geoJson地图指定区域高亮

echarts让指定区域变为选中高亮状态

echarts鞍山市海城市geoJson地图指定区域高亮

echarts鞍山市海城市geoJson地图3d地图实例旋转动画

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

echarts鞍山市海城市geoJson地图3d地图实例旋转动画

threejs鞍山市海城市geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs教程视频 3D可视化Three.js视频教程

threejs鞍山市海城市geoJson地图3d地图鼠标移入显示标签并高亮

threejs鞍山市海城市geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs鞍山市海城市geoJson地图3d地图CSS2D外加旋转棱锥

threejs鞍山市海城市geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名

threejs鞍山市海城市geoJson地图3d地图css2d标签

鞍山市海城市 下辖有 温泉街道,东四街道,验军街道,望台镇,析木镇,毛祁镇,王石镇,响堂街道,腾鳌镇,海州街道,英落镇,西四镇,兴海街道,中小镇,西柳镇,马风镇,高坨镇,八里镇,南台镇,孤山镇,岔沟镇,感王镇,接文镇,温香镇,牌楼镇,牛庄镇,耿庄镇

鞍山市海城市下辖区域坐标

{"温泉街道":[122.72845897929705,41.03016699473923],"东四街道":[122.62462467688434,40.91553750569085],"验军街道":[122.7169471738984,40.89611477281645],"望台镇":[122.5489724136807,40.98830237907547],"析木镇":[122.9614609256353,40.68768607777419],"毛祁镇":[122.68093550808085,40.77440203904727],"王石镇":[122.91804540661906,40.87131861912035],"响堂街道":[122.77106153401917,40.8311225737466],"腾鳌镇":[122.74394793377859,41.06699198551854],"海州街道":[],"英落镇":[122.71165050494801,40.65634456577178],"西四镇":[122.39905276069416,40.95785414548288],"兴海街道":[],"中小镇":[122.54259940162436,40.88315563321777],"西柳镇":[122.62863821573373,40.85824684913724],"马风镇":[122.96106433673938,40.79943847022242],"高坨镇":[122.62910541279953,41.12405471381849],"八里镇":[122.78153595154421,40.76123576785751],"南台镇":[122.82509721089633,40.93186174363367],"孤山镇":[123.00159881880481,40.55490832892873],"岔沟镇":[122.83791127302693,40.60143476165751],"感王镇":[122.56503548045629,40.80439008487501],"接文镇":[123.04488812449597,40.69560575331877],"温香镇":[122.52186600935826,41.05862748440151],"牌楼镇":[122.8022283305154,40.71927577062661],"牛庄镇":[122.50894781784953,40.95047360372511],"耿庄镇":[122.68034880185158,40.98977049355707]}

鞍山市海城市行政划分代码

[{"name":"温泉街道","code":""},{"name":"东四街道","code":"210381004000"},{"name":"验军街道","code":""},{"name":"望台镇","code":"210381125000"},{"name":"析木镇","code":"210381104000"},{"name":"毛祁镇","code":"210381109000"},{"name":"王石镇","code":"210381114000"},{"name":"响堂街道","code":"210381003000"},{"name":"腾鳌镇","code":"210381118000"},{"name":"海州街道","code":"210381001000"},{"name":"英落镇","code":"210381110000"},{"name":"西四镇","code":"210381124000"},{"name":"兴海街道","code":"210381002000"},{"name":"中小镇","code":"210381113000"},{"name":"西柳镇","code":"210381112000"},{"name":"马风镇","code":"210381105000"},{"name":"高坨镇","code":"210381127000"},{"name":"八里镇","code":"210381108000"},{"name":"南台镇","code":"210381115000"},{"name":"孤山镇","code":"210381101000"},{"name":"岔沟镇","code":"210381102000"},{"name":"感王镇","code":"210381111000"},{"name":"接文镇","code":"210381103000"},{"name":"温香镇","code":"210381126000"},{"name":"牌楼镇","code":"210381107000"},{"name":"牛庄镇","code":"210381123000"},{"name":"耿庄镇","code":"210381121000"}]

说明

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

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

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

鞍山市海城市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts鞍山市海城市geoJson地图局部颜色渐变代码演示