数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理大连市庄河市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
庄河市,辽宁省辖县级市,由大连市代管,位于辽东半岛东侧南部,黄海北岸,为低山丘陵区,属千山山脉南延部分,总面积4113.6平方千米(含大连花园口经济区)。截至2023年5月,全市辖5个街道、15个镇、6个乡,常住人口74.2万人。
echarts大连市庄河市geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts大连市庄河市geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts大连市庄河市geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs大连市庄河市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs视频教程 3D可视化Three.js视频教程
threejs大连市庄河市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs大连市庄河市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
大连市庄河市 下辖有 城关街道,荷花山镇,城山镇,明阳街道,昌盛街道,兰店乡,吴炉镇,塔岭镇,大营镇,大郑镇,徐岭镇,石城乡,长岭镇,青堆镇,黑岛镇,仙人洞镇,光明山镇,兴达街道,新华街道,栗子房镇,太平岭满族乡,步云山乡,蓉花山镇,鞍子山乡,桂云花满族乡,王家镇
大连市庄河市下辖区域坐标
{"城关街道":[122.98534076510518,39.66381729466568],"荷花山镇":[122.56715289861641,39.83415015605829],"城山镇":[122.61021889036746,39.7058564615451],"明阳街道":[],"昌盛街道":[122.93079972757117,39.64544159084527],"兰店乡":[],"吴炉镇":[123.09435631264381,39.78045825064699],"塔岭镇":[123.16506650112649,39.99977670586426],"大营镇":[123.08888028000717,39.88623667057692],"大郑镇":[122.79187044063241,39.63332583720696],"徐岭镇":[122.95140166273053,39.78035480625891],"石城乡":[],"长岭镇":[122.71009940536851,39.8545434257465],"青堆镇":[123.21344552650774,39.85742181316373],"黑岛镇":[],"仙人洞镇":[122.95946567092415,40.0561953106895],"光明山镇":[122.79551932381942,39.78649901623812],"兴达街道":[122.98871850817414,39.69996795123738],"新华街道":[122.92876483646157,39.69838572028281],"栗子房镇":[123.42533008607003,39.82782782303772],"太平岭满族乡":[122.93671207221666,39.85118389938295],"步云山乡":[122.76922817797859,40.02252463417707],"蓉花山镇":[122.83170186333632,39.94962843158873],"鞍子山乡":[123.31203018634032,39.88676295403167],"桂云花满族乡":[122.60847325331173,39.98129731284025],"王家镇":[]}
大连市庄河市行政划分代码
[{"name":"城关街道","code":"210283001000"},{"name":"荷花山镇","code":"210283112000"},{"name":"城山镇","code":"210283113000"},{"name":"明阳街道","code":"210283005000"},{"name":"昌盛街道","code":"210283004000"},{"name":"兰店乡","code":"210283214000"},{"name":"吴炉镇","code":"210283118000"},{"name":"塔岭镇","code":"210283108000"},{"name":"大营镇","code":"210283107000"},{"name":"大郑镇","code":"210283115000"},{"name":"徐岭镇","code":"210283102000"},{"name":"石城乡","code":"210283216000"},{"name":"长岭镇","code":"210283111000"},{"name":"青堆镇","code":"210283101000"},{"name":"黑岛镇","code":"210283104000"},{"name":"仙人洞镇","code":"210283109000"},{"name":"光明山镇","code":"210283114000"},{"name":"兴达街道","code":"210283003000"},{"name":"新华街道","code":"210283002000"},{"name":"栗子房镇","code":"210283105000"},{"name":"太平岭满族乡","code":"210283208000"},{"name":"步云山乡","code":"210283209000"},{"name":"蓉花山镇","code":"210283110000"},{"name":"鞍子山乡","code":"210283204000"},{"name":"桂云花满族乡","code":"210283211000"},{"name":"王家镇","code":"210283120000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。