echarts汉中市城固县geoJson地图label自定义样式代码演示

geoJson2 yekong

大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是汉中市城固县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

城固县,隶属于陕西省汉中市,位于陕西南部汉中盆地腹部,北依秦岭南麓,南屏巴山北坡,中纳汉江平川,介于东经107°03′—107°30′、北纬32°45′—33°40′之间,总面积2265平方千米。截至2022年10月,城固县下辖2个街道、15个镇,另设有1个国有公司。截至2022年末,城固县常住人口43.73万人。

echarts汉中市城固县geoJson地图label自定义样式

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

echarts汉中市城固县geoJson地图label自定义样式

echarts汉中市城固县geoJson地图地图排行榜效果

echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果

echarts汉中市城固县geoJson地图地图排行榜效果

echarts汉中市城固县geoJson地图自定义引导线

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

echarts汉中市城固县geoJson地图自定义引导线

threejs汉中市城固县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣,可以观看threejs视频课程 WebGL 3D可视化教程

threejs汉中市城固县geoJson地图3d地图添加金色效果

threejs汉中市城固县geoJson地图3d地图CSS2D外加旋转棱锥

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

threejs汉中市城固县geoJson地图3d地图CSS2D外加旋转棱锥

threejs汉中市城固县geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs汉中市城固县geoJson地图3d地图自定义贴图加CSS3D标签

汉中市城固县 下辖有 上元观镇,陕西飞机制造公司,三合镇,博望镇,原公镇,文川镇,柳林镇,龙头镇,五郎庙镇,崔家山镇,沙河营镇,董家营镇,二里镇,五堵镇,双溪镇,天明镇,小河镇,桔园镇,老庄镇

汉中市城固县下辖区域坐标

{"上元观镇":[107.21441500617166,33.06620399708873],"陕西飞机制造公司":[],"三合镇":[107.36294320689544,33.10083543058875],"博望镇":[107.33704590183766,33.15236902137562],"原公镇":[107.30874975486094,33.22980605926546],"文川镇":[107.1542353345923,33.19233323340789],"柳林镇":[107.20432436148164,33.13249538722783],"龙头镇":[107.23248997541168,33.18231151543779],"五郎庙镇":[107.29722827923257,33.19356850569876],"崔家山镇":[107.18027288716266,33.15505331419781],"沙河营镇":[107.25677908311462,33.13718851118676],"董家营镇":[107.28326560331092,33.06886793752822],"二里镇":[107.25915714069257,32.8918299863563],"五堵镇":[107.42349774463516,33.0262327939848],"双溪镇":[107.21083470831653,33.40409207323086],"天明镇":[107.28148356496108,32.95862659845649],"小河镇":[107.23303387230247,33.55197651969308],"桔园镇":[107.25986092808361,33.31333865525835],"老庄镇":[107.12246567798542,33.2834345108985]}

汉中市城固县行政划分代码

[{"name":"上元观镇","code":"610722109000"},{"name":"陕西飞机制造公司","code":"610722400000"},{"name":"三合镇","code":"610722120000"},{"name":"博望镇","code":""},{"name":"原公镇","code":"610722108000"},{"name":"文川镇","code":"610722103000"},{"name":"柳林镇","code":"610722104000"},{"name":"龙头镇","code":"610722101000"},{"name":"五郎庙镇","code":""},{"name":"崔家山镇","code":""},{"name":"沙河营镇","code":"610722102000"},{"name":"董家营镇","code":"610722119000"},{"name":"二里镇","code":"610722111000"},{"name":"五堵镇","code":"610722112000"},{"name":"双溪镇","code":"610722114000"},{"name":"天明镇","code":"610722110000"},{"name":"小河镇","code":"610722116000"},{"name":"桔园镇","code":"610722107000"},{"name":"老庄镇","code":"610722105000"}]

说明

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

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

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

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示

汉中市城固县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts汉中市城固县geoJson地图label自定义样式代码演示