随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理怀化市麻阳苗族自治县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts怀化市麻阳苗族自治县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts怀化市麻阳苗族自治县geoJson地图根据经纬度显示自定义html弹窗
echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.
echarts怀化市麻阳苗族自治县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs怀化市麻阳苗族自治县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL 3D可视化教程
threejs怀化市麻阳苗族自治县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs怀化市麻阳苗族自治县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
怀化市麻阳苗族自治县 下辖有 兰村乡,谭家寨乡,高村镇,尧市镇,黄桑乡,吕家坪镇,和坪溪乡,大桥江乡,文昌阁乡,板栗树乡,江口墟镇,石羊哨乡,舒家村乡,郭公坪乡,兰里镇,岩门镇,锦和镇,隆家堡乡
怀化市麻阳苗族自治县下辖区域坐标
{"兰村乡":[109.82653450234984,27.78565741277902],"谭家寨乡":[109.67074525880227,27.80863223750345],"高村镇":[109.83105912639849,27.8968273759269],"尧市镇":[109.52365029071524,27.62801406360298],"黄桑乡":[110.0098991969788,27.86810656841351],"吕家坪镇":[110.02514442002824,27.92460425906987],"和坪溪乡":[109.92155775648095,27.8341959962382],"大桥江乡":[109.66369813782622,27.6607004650111],"文昌阁乡":[109.60487719789155,27.65186754043097],"板栗树乡":[109.757429160953,27.97275255177217],"江口墟镇":[109.7436563678155,27.69009936484043],"石羊哨乡":[109.67555080934247,27.8973684325201],"舒家村乡":[109.68484596965376,27.7347420660495],"郭公坪乡":[109.48334738009805,27.74721261416103],"兰里镇":[109.92726464065774,27.9066873090373],"岩门镇":[109.73252184580366,27.85800529210255],"锦和镇":[109.59368466853725,27.74348326579097],"隆家堡乡":[109.76445654531906,27.76589698088074]}
怀化市麻阳苗族自治县行政划分代码
[{"name":"兰村乡","code":"431226212000"},{"name":"谭家寨乡","code":"431226208000"},{"name":"高村镇","code":"431226106000"},{"name":"尧市镇","code":"431226107000"},{"name":"黄桑乡","code":"431226216000"},{"name":"吕家坪镇","code":"431226105000"},{"name":"和坪溪乡","code":""},{"name":"大桥江乡","code":"431226205000"},{"name":"文昌阁乡","code":"431226204000"},{"name":"板栗树乡","code":"431226210000"},{"name":"江口墟镇","code":"431226102000"},{"name":"石羊哨乡","code":"431226209000"},{"name":"舒家村乡","code":"431226206000"},{"name":"郭公坪乡","code":""},{"name":"兰里镇","code":"431226104000"},{"name":"岩门镇","code":"431226103000"},{"name":"锦和镇","code":"431226101000"},{"name":"隆家堡乡","code":"431226207000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
