echarts济南市章丘区geoJson地图迁徙图代码演示

geoJson2 yekong

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

章丘区,隶属于 山东省 济南市,位于山东省中部、济南市的东部,泰山东北,黄河南岸,地处北纬36°25′-37°09′,东经117°10′-117°35′之间,西邻历城区,东连淄博市周村区、淄川区,南接泰安市岱岳区、济南市莱芜区,东北与邹平市接壤,西北隔黄河与济阳区相望。章丘区地势处于山区、丘陵、平原,南高北低,黄河流经北境。章丘区属暖温带半湿润大陆性季风气候。四季分明,雨热同季

echarts济南市章丘区geoJson地图迁徙图

echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts济南市章丘区geoJson地图迁徙图

echarts济南市章丘区geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts济南市章丘区geoJson地图水滴状气泡图

echarts济南市章丘区geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

echarts济南市章丘区geoJson地图自定义引导线

threejs济南市章丘区geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs课程视频 Three.js 3D可视化

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标签

济南市章丘区 下辖有 官庄镇,文祖镇,曹范镇,埠村街道,黄河镇,宁家埠镇,白云湖镇,刁镇,垛庄镇,普集镇,水寨镇,绣惠镇,辛寨镇,双山街道,圣井街道,明水街道,枣园街道,相公庄镇,高官寨镇,龙山街道

济南市章丘区下辖区域坐标

{"官庄镇":[117.64511751856097,36.60995036944514],"文祖镇":[117.54745920016708,36.57025347329942],"曹范镇":[117.38229403909145,36.58270307642189],"埠村街道":[117.45280381597422,36.62977918244813],"黄河镇":[117.28994964391694,37.00032382290739],"宁家埠镇":[117.42466941918627,36.82711527842841],"白云湖镇":[117.37251630831196,36.85203897312125],"刁镇":[117.50968637363303,36.88169989993418],"垛庄镇":[117.40386247993092,36.50373244316087],"普集镇":[117.66029181533216,36.73474021150137],"水寨镇":[117.41613396092089,36.91544572877748],"绣惠镇":[117.48931643316882,36.82554804909718],"辛寨镇":[117.49557478448054,36.93705106607689],"双山街道":[117.526853310669,36.67118564964696],"圣井街道":[117.40938557330199,36.68366314185747],"明水街道":[117.53139620240495,36.74597620958954],"枣园街道":[117.44524130124728,36.74217571930539],"相公庄镇":[117.57825722546389,36.78492687903824],"高官寨镇":[117.28064984524921,36.91650459020551],"龙山街道":[117.37425080402069,36.76544300342734]}

济南市章丘区行政划分代码

[{"name":"官庄镇","code":""},{"name":"文祖镇","code":""},{"name":"曹范镇","code":""},{"name":"埠村街道","code":"370114005000"},{"name":"黄河镇","code":""},{"name":"宁家埠镇","code":""},{"name":"白云湖镇","code":""},{"name":"刁镇","code":""},{"name":"垛庄镇","code":"370114101000"},{"name":"普集镇","code":""},{"name":"水寨镇","code":""},{"name":"绣惠镇","code":""},{"name":"辛寨镇","code":""},{"name":"双山街道","code":"370114002000"},{"name":"圣井街道","code":"370114006000"},{"name":"明水街道","code":"370114001000"},{"name":"枣园街道","code":"370114003000"},{"name":"相公庄镇","code":""},{"name":"高官寨镇","code":""},{"name":"龙山街道","code":"370114004000"}]

说明

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

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

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

济南市章丘区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts济南市章丘区geoJson地图迁徙图代码演示