echarts温州市乐清市geoJson地图label样式自定义实例代码

geoJson2 yekong

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

echarts温州市乐清市geoJson地图label样式自定义

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

echarts温州市乐清市geoJson地图label样式自定义

echarts温州市乐清市geoJson地图3d地图自定义图标

echarts 3d地图添加自定义图标实例

echarts温州市乐清市geoJson地图3d地图自定义图标

echarts温州市乐清市geoJson地图热力图

echarts通过heatmap实现热力图效果

echarts温州市乐清市geoJson地图热力图

threejs温州市乐清市geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频课程 WebGL前端3D可视化教程

threejs温州市乐清市geoJson地图3d地图自定义贴图加CSS2D标签

threejs温州市乐清市geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs温州市乐清市geoJson地图3d地图自定义贴图加CSS3D标签

温州市乐清市 下辖有 雁荡镇,乐成街道,乐成街道,城东街道,城南街道,天成街道,盐盆街道,翁垟街道,翁垟街道,柳市镇,淡溪镇,清江镇,白石街道,石帆街道,智仁乡,大荆镇,湖雾镇,龙西乡,仙溪镇,岭底乡,芙蓉镇,虹桥镇,蒲岐镇,南岳镇,南塘镇,北白象镇,磐石镇

温州市乐清市下辖区域坐标

{"雁荡镇":[121.12173744885357,28.34304672464165],"乐成街道":[120.91383544333013,28.14410245631086],"城东街道":[121.01070930207032,28.13369006108091],"城南街道":[120.99135994750688,28.09501702108208],"天成街道":[121.0306217894157,28.1661436387324],"盐盆街道":[120.98759288087238,28.06774218514623],"翁垟街道":[121.03815423683457,28.02989216272515],"柳市镇":[120.93474176930914,28.02693295566443],"淡溪镇":[120.94508986973824,28.22292283917143],"清江镇":[121.12034775722427,28.26675211191583],"白石街道":[120.8656861273618,28.1206414290312],"石帆街道":[120.98309049730472,28.18697962095785],"智仁乡":[121.11726047136752,28.50801152305225],"大荆镇":[121.12388378188467,28.43119932520748],"湖雾镇":[121.22149329042429,28.40741198755219],"龙西乡":[121.01364209276744,28.3819595384721],"仙溪镇":[121.03608572007786,28.43568179257311],"岭底乡":[120.93292138183804,28.29877120431924],"芙蓉镇":[121.02065356252282,28.32071808333902],"虹桥镇":[121.03861891481017,28.22642598335977],"蒲岐镇":[121.0616201893703,28.14710075187878],"南岳镇":[121.09778889632794,28.17102651913698],"南塘镇":[121.11190244327238,28.20860897991714],"北白象镇":[120.83282682647553,28.05434317663775],"磐石镇":[120.81974384494498,27.99139407752353]}

温州市乐清市行政划分代码

[{"name":"雁荡镇","code":"330382104000"},{"name":"乐成街道","code":"330382002000"},{"name":"乐成街道","code":"330382002000"},{"name":"城东街道","code":"330382001000"},{"name":"城南街道","code":"330382003000"},{"name":"天成街道","code":"330382008000"},{"name":"盐盆街道","code":"330382004000"},{"name":"翁垟街道","code":"330382005000"},{"name":"翁垟街道","code":"330382005000"},{"name":"柳市镇","code":"330382114000"},{"name":"淡溪镇","code":"330382111000"},{"name":"清江镇","code":"330382106000"},{"name":"白石街道","code":"330382006000"},{"name":"石帆街道","code":"330382007000"},{"name":"智仁乡","code":"330382210000"},{"name":"大荆镇","code":"330382101000"},{"name":"湖雾镇","code":"330382121000"},{"name":"龙西乡","code":"330382211000"},{"name":"仙溪镇","code":"330382102000"},{"name":"岭底乡","code":"330382212000"},{"name":"芙蓉镇","code":"330382105000"},{"name":"虹桥镇","code":"330382108000"},{"name":"蒲岐镇","code":"330382124000"},{"name":"南岳镇","code":"330382123000"},{"name":"南塘镇","code":"330382122000"},{"name":"北白象镇","code":"330382115000"},{"name":"磐石镇","code":"330382125000"}]

说明

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

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

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

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

温州市乐清市echarts地图效果实例和threejs地图效果实例下载

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