echarts巴中市通江县geoJson地图点击地图插小旗效果实例

geoJson2 yekong

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

echarts巴中市通江县geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts巴中市通江县geoJson地图点击地图插小旗

echarts巴中市通江县geoJson地图tooltip自定义html

echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.

echarts巴中市通江县geoJson地图tooltip自定义html

echarts巴中市通江县geoJson地图label样式自定义

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

echarts巴中市通江县geoJson地图label样式自定义

threejs巴中市通江县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话,可以观看threejs视频 WebGL 3D可视化教程

threejs巴中市通江县geoJson地图3d地图添加描边效果

threejs巴中市通江县geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份

threejs巴中市通江县geoJson地图3d地图CSS3D标签

巴中市通江县 下辖有 文胜乡,板凳乡,沙溪镇,草池乡,唱歌乡,洪口镇,涪阳镇,三合乡,三溪乡,九层乡,云昙乡,双泉乡,澌波乡,东山乡,兴隆乡,回林乡,大兴乡,广纳镇,文峰乡,新场乡,春在乡,朱元乡,杨柏乡,松溪乡,毛裕乡,民胜镇,永安镇,沙坪乡,泥溪乡,火炬镇,烟溪乡,瓦室镇,空山乡,胜利乡,至诚镇,董溪乡,芝苞乡,诺江镇,铁厂乡,铁佛镇,青浴乡,铁溪镇,麻石镇,长坪乡,陈河乡,两河口乡,板桥口乡,诺水河镇,龙凤场乡

巴中市通江县下辖区域坐标

{"文胜乡":[107.385097924879,32.09674815516251],"板凳乡":[107.44966649007108,32.05956683064079],"沙溪镇":[107.43662913485502,32.13575154308845],"草池乡":[107.11519172671524,32.02214455697521],"唱歌乡":[107.43591992425644,31.93311062225923],"洪口镇":[107.57006762120963,32.09651918692823],"涪阳镇":[107.15158882660418,32.0683294593692],"三合乡":[107.33862336843612,31.81774558953341],"三溪乡":[107.20365447476607,31.76721230307537],"九层乡":[107.50954649971744,32.08412361254911],"云昙乡":[107.41462553817075,31.88169445641198],"双泉乡":[107.25410637198704,31.71293913622661],"澌波乡":[107.63191972125057,32.14711117001177],"东山乡":[107.2713119345731,31.79910320991288],"兴隆乡":[107.24717624360841,32.04101539038768],"回林乡":[107.03975473427721,32.05739205159108],"大兴乡":[107.15386256103459,31.96871840909503],"广纳镇":[107.23283143232462,31.82947110221379],"文峰乡":[107.36838691429914,31.70854591829814],"新场乡":[107.16271009628696,32.15063243918324],"春在乡":[107.32477883472467,31.89879404301045],"朱元乡":[107.64860087439801,32.26214212637028],"杨柏乡":[107.09354972900475,31.88262926890987],"松溪乡":[107.55297085864851,32.1842922474924],"毛裕乡":[107.3282042426023,31.98611535978106],"民胜镇":[107.16005928796304,31.91174228622304],"永安镇":[107.3428899697108,32.17014298616996],"沙坪乡":[107.32261472633746,32.27860855612618],"泥溪乡":[107.40186481125654,32.25880591124251],"火炬镇":[107.08545827107568,31.97112747921926],"烟溪乡":[107.2698922745602,32.131251863286],"瓦室镇":[107.33573931365805,32.0438540156217],"空山乡":[107.34987884704472,32.47397721170147],"胜利乡":[107.51873997339543,32.22435566680492],"至诚镇":[107.47242666988726,32.01252434615465],"董溪乡":[107.67091691367597,32.08259281515517],"芝苞乡":[107.48344186424495,31.90828033397146],"诺江镇":[107.23488038908451,31.9454556630055],"铁厂乡":[107.0897509372987,32.3806150845457],"铁佛镇":[107.31478968627151,31.73506086809543],"青浴乡":[107.22998889749593,32.2200747765044],"铁溪镇":[107.61922978012765,32.34612684626642],"麻石镇":[107.35097693988702,31.8657601651186],"长坪乡":[107.48334422799897,32.30901377611062],"陈河乡":[107.09490414758784,32.13255939167031],"两河口乡":[107.42341426819078,32.38915706772017],"板桥口乡":[107.1630680733991,32.2564746455756],"诺水河镇":[107.23293255333166,32.38761086498658],"龙凤场乡":[107.60592229055428,31.990607112419]}

巴中市通江县行政划分代码

[{"name":"文胜乡","code":""},{"name":"板凳乡","code":""},{"name":"沙溪镇","code":"511921108000"},{"name":"草池乡","code":""},{"name":"唱歌乡","code":""},{"name":"洪口镇","code":"511921107000"},{"name":"涪阳镇","code":"511921112000"},{"name":"三合乡","code":""},{"name":"三溪乡","code":""},{"name":"九层乡","code":""},{"name":"云昙乡","code":""},{"name":"双泉乡","code":""},{"name":"澌波乡","code":""},{"name":"东山乡","code":""},{"name":"兴隆乡","code":""},{"name":"回林乡","code":""},{"name":"大兴乡","code":""},{"name":"广纳镇","code":"511921103000"},{"name":"文峰乡","code":""},{"name":"新场乡","code":""},{"name":"春在乡","code":""},{"name":"朱元乡","code":""},{"name":"杨柏乡","code":""},{"name":"松溪乡","code":"511921214000"},{"name":"毛裕乡","code":""},{"name":"民胜镇","code":"511921101000"},{"name":"永安镇","code":"511921110000"},{"name":"沙坪乡","code":""},{"name":"泥溪乡","code":""},{"name":"火炬镇","code":"511921102000"},{"name":"烟溪乡","code":""},{"name":"瓦室镇","code":"511921109000"},{"name":"空山乡","code":""},{"name":"胜利乡","code":"511921216000"},{"name":"至诚镇","code":"511921106000"},{"name":"董溪乡","code":""},{"name":"芝苞乡","code":""},{"name":"诺江镇","code":"511921100000"},{"name":"铁厂乡","code":""},{"name":"铁佛镇","code":"511921104000"},{"name":"青浴乡","code":""},{"name":"铁溪镇","code":"511921111000"},{"name":"麻石镇","code":"511921105000"},{"name":"长坪乡","code":""},{"name":"陈河乡","code":""},{"name":"两河口乡","code":""},{"name":"板桥口乡","code":""},{"name":"诺水河镇","code":"511921113000"},{"name":"龙凤场乡","code":""}]

说明

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

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

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

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

巴中市通江县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts巴中市通江县geoJson地图点击地图插小旗效果实例