echarts天水市秦州区geoJson地图指定区域高亮实例

echarts yekong

可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理天水市秦州区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

秦州区,隶属 甘肃省 天水市,位于甘肃省东南部,是天水市委、市政府所在地。秦州区地处中纬度地带,属温带大陆性季风气候,总面积2442平方千米。截至2021年末,秦州区常住人口为65.14万人。

echarts天水市秦州区geoJson地图指定区域高亮

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

echarts天水市秦州区geoJson地图指定区域高亮

echarts天水市秦州区geoJson地图label自定义样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts天水市秦州区geoJson地图label自定义样式

echarts天水市秦州区geoJson地图圆形波纹状气泡图

echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.

echarts天水市秦州区geoJson地图圆形波纹状气泡图

threejs天水市秦州区geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话,可以观看threejs视频课程 WebGL 3D可视化教程

threejs天水市秦州区geoJson地图3d地图鼠标移入显示标签并高亮

threejs天水市秦州区geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs天水市秦州区geoJson地图3d地图自定义贴图加CSS2D标签

threejs天水市秦州区geoJson地图3d地图css2d标签

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

threejs天水市秦州区geoJson地图3d地图css2d标签

天水市秦州区 下辖有 华歧乡,西关街道,中梁乡,中城街道,大门乡,天水镇,太京镇,平南镇,汪川镇,牡丹镇,玉泉镇,皂郊镇,秦岭乡,藉口镇,齐寿乡,东关街道,大城街道,娘娘坝镇,杨家寺乡,七里墩街道,天水郡街道,石马坪街道,关子镇

天水市秦州区下辖区域坐标

{"华歧乡":[105.55589196212463,34.36877360944821],"西关街道":[105.69976950882999,34.57811961441587],"中梁乡":[105.62609335185468,34.61298911933887],"中城街道":[105.7153410886115,34.58283667065056],"大门乡":[105.69245326443867,34.23573716602739],"天水镇":[105.59737831159629,34.30010658259638],"太京镇":[105.59100318125351,34.54419915486294],"平南镇":[105.68342922679199,34.33174627054709],"汪川镇":[105.61790443508849,34.1791586581497],"牡丹镇":[105.53299568731764,34.45003657816898],"玉泉镇":[105.72969136881244,34.56258214009677],"皂郊镇":[105.70083374410882,34.45448061719821],"秦岭乡":[105.4392857043953,34.45538430394186],"藉口镇":[105.38078047897628,34.55747467513066],"齐寿乡":[105.78575382064348,34.35071206803597],"东关街道":[105.73139793817825,34.58174176515728],"大城街道":[105.72599386344515,34.58414773626757],"娘娘坝镇":[105.85614435986983,34.25683724272957],"杨家寺乡":[105.3318373177936,34.47116270885617],"七里墩街道":[105.75505779682251,34.57643768407043],"天水郡街道":[105.68847934436832,34.5566931684543],"石马坪街道":[105.71920279470034,34.56972426487465],"关子镇":[105.33753682883754,34.60838953171394]}

天水市秦州区行政划分代码

[{"name":"华歧乡","code":""},{"name":"西关街道","code":"620502005000"},{"name":"中梁乡","code":""},{"name":"中城街道","code":"620502004000"},{"name":"大门乡","code":""},{"name":"天水镇","code":"620502108000"},{"name":"太京镇","code":"620502101000"},{"name":"平南镇","code":"620502107000"},{"name":"汪川镇","code":"620502104000"},{"name":"牡丹镇","code":"620502105000"},{"name":"玉泉镇","code":"620502100000"},{"name":"皂郊镇","code":"620502103000"},{"name":"秦岭乡","code":""},{"name":"藉口镇","code":"620502102000"},{"name":"齐寿乡","code":""},{"name":"东关街道","code":"620502003000"},{"name":"大城街道","code":"620502001000"},{"name":"娘娘坝镇","code":"620502109000"},{"name":"杨家寺乡","code":""},{"name":"七里墩街道","code":"620502002000"},{"name":"天水郡街道","code":"620502007000"},{"name":"石马坪街道","code":"620502006000"},{"name":"关子镇","code":"620502106000"}]

说明

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

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

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

天水市秦州区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts天水市秦州区geoJson地图指定区域高亮实例