随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理株洲市攸县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts株洲市攸县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts株洲市攸县geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts株洲市攸县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
threejs株洲市攸县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs课程视频 WebGL前端3D可视化教程
threejs株洲市攸县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
株洲市攸县 下辖有 皇图岭镇,桃水镇,渌田镇,网岭镇,鸾山镇,联星街道,丫江桥镇,宁家坪镇,新市镇,江桥街道,莲塘坳镇,菜花坪镇,石羊塘镇,黄丰桥镇,酒埠江镇
株洲市攸县下辖区域坐标
{"皇图岭镇":[113.52431239657265,27.35705627592235],"桃水镇":[113.2131940969486,27.08694669845028],"渌田镇":[113.30599350805738,26.83056904560597],"网岭镇":[113.35949740088087,27.25254956121206],"鸾山镇":[113.71107211221003,27.16487483915669],"联星街道":[113.39354983872863,27.04839996276299],"丫江桥镇":[113.28676177859478,27.33026575507468],"宁家坪镇":[113.50713713814538,27.31984537924583],"新市镇":[113.40400267300434,27.16401281079918],"江桥街道":[113.2988547708402,27.01857241998974],"莲塘坳镇":[113.49860503191606,27.04514335880873],"菜花坪镇":[113.32402506858759,26.91793718618971],"石羊塘镇":[113.30006807271027,27.12086744291639],"黄丰桥镇":[113.7394978080769,27.27851272874486],"酒埠江镇":[113.54373467314417,27.186199669069]}
株洲市攸县行政划分代码
[{"name":"皇图岭镇","code":"430223122000"},{"name":"桃水镇","code":"430223103000"},{"name":"渌田镇","code":"430223109000"},{"name":"网岭镇","code":"430223106000"},{"name":"鸾山镇","code":"430223119000"},{"name":"联星街道","code":"430223001000"},{"name":"丫江桥镇","code":"430223120000"},{"name":"宁家坪镇","code":"430223126000"},{"name":"新市镇","code":"430223123000"},{"name":"江桥街道","code":"430223002000"},{"name":"莲塘坳镇","code":"430223125000"},{"name":"菜花坪镇","code":"430223124000"},{"name":"石羊塘镇","code":"430223115000"},{"name":"黄丰桥镇","code":"430223118000"},{"name":"酒埠江镇","code":"430223102000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
