随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理泸州市叙永县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts泸州市叙永县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts泸州市叙永县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts泸州市叙永县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs泸州市叙永县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs课程视频 3D可视化Three.js视频教程
threejs泸州市叙永县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs泸州市叙永县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
泸州市叙永县 下辖有 营山乡,兴隆乡,石坝彝族乡,后山镇,落卜镇,向林乡,观兴乡,马岭镇,黄坭乡,天池镇,龙凤乡,合乐苗族乡,枧槽苗族乡,两河镇,分水镇,叙永镇,摩尼镇,大石乡,水尾镇,麻城乡,江门镇,赤水镇,震东乡,水潦彝族乡,白腊苗族乡
泸州市叙永县下辖区域坐标
{"营山乡":[105.53991945595874,27.90606649564324],"兴隆乡":[105.3716813571834,28.28891058075641],"石坝彝族乡":[105.43758905722817,27.78914336382529],"后山镇":[105.46303476754005,27.9724485091385],"落卜镇":[105.47261447472965,28.06949188886198],"向林乡":[105.51285301545244,28.42951394123277],"观兴乡":[105.44940401030323,27.83482458081433],"马岭镇":[105.38281351866303,28.38150074248046],"黄坭乡":[105.3283391032241,27.9808396644918],"天池镇":[105.4498880115809,28.32549000175712],"龙凤乡":[105.4385304290391,28.22737074462021],"合乐苗族乡":[105.55973778946418,28.16352158806926],"枧槽苗族乡":[105.4493274208997,27.9108771565166],"两河镇":[105.37170213487516,28.06754675715783],"分水镇":[105.32261486060554,27.87014684346194],"叙永镇":[105.42185554860319,28.16534515199399],"摩尼镇":[105.6059358044461,27.84919008341006],"大石乡":[105.59759633819749,28.39719886491233],"水尾镇":[105.56787085620446,28.2776524473934],"麻城乡":[105.65335642082219,27.90128108273503],"江门镇":[105.35595104539402,28.4551799970596],"赤水镇":[105.59714369932352,27.74013036411645],"震东乡":[105.52781196995582,28.06102896616184],"水潦彝族乡":[105.33179274411694,27.76829428249417],"白腊苗族乡":[105.24966911690295,28.06714552190692]}
泸州市叙永县行政划分代码
[{"name":"营山乡","code":""},{"name":"兴隆乡","code":""},{"name":"石坝彝族乡","code":""},{"name":"后山镇","code":"510524107000"},{"name":"落卜镇","code":"510524106000"},{"name":"向林乡","code":""},{"name":"观兴乡","code":""},{"name":"马岭镇","code":"510524102000"},{"name":"黄坭乡","code":""},{"name":"天池镇","code":"510524103000"},{"name":"龙凤乡","code":""},{"name":"合乐苗族乡","code":"510524210000"},{"name":"枧槽苗族乡","code":"510524212000"},{"name":"两河镇","code":"510524105000"},{"name":"分水镇","code":"510524108000"},{"name":"叙永镇","code":"510524100000"},{"name":"摩尼镇","code":"510524109000"},{"name":"大石乡","code":""},{"name":"水尾镇","code":"510524104000"},{"name":"麻城乡","code":""},{"name":"江门镇","code":"510524101000"},{"name":"赤水镇","code":"510524110000"},{"name":"震东乡","code":""},{"name":"水潦彝族乡","code":"510524213000"},{"name":"白腊苗族乡","code":"510524211000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
