数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理开封市杞县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
杞县，隶属 河南省 开封市 ，位于河南省东部，北接开封市兰考县和商丘市民权县，东临商丘市睢县，南至周口市太康县，西到开封市祥符区和通许县。总面积1243平方公里。
echarts开封市杞县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts开封市杞县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts开封市杞县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs开封市杞县geoJson地图3d地图
通过threejs绘制的3d地图实例，如果对threejs感兴趣，可以观看threejs课程视频 Three.js前端3D可视化教程
threejs开封市杞县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频教程 3D可视化Three.js视频教程
threejs开封市杞县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮，如果想系统的学习threejs的话，可以观看threejs视频 Three.js前端3D可视化
开封市杞县下辖有圉镇镇,城关镇,苏木乡,裴村店乡,城郊乡,高阳镇,五里河镇,柿园乡,板木乡,傅集镇,宗店乡,沙沃乡,官庄乡,平城乡,泥沟乡,湖岗乡,竹林乡,葛岗镇,邢口镇,西寨乡,阳堌镇
开封市杞县下辖区域坐标
{"圉镇镇":[114.71273142874952,34.35802436564314],"城关镇":[114.77393046379675,34.55113490835104],"苏木乡":[114.7329395339422,34.45013623039216],"裴村店乡":[114.86833864634997,34.51829787363633],"城郊乡":[114.77724565021099,34.56563697109063],"高阳镇":[114.6595247583053,34.51544223629601],"五里河镇":[114.76978446855509,34.51365323448526],"柿园乡":[114.79302047497853,34.61906565208034],"板木乡":[114.77834697105317,34.30635596720628],"傅集镇":[114.81833670000486,34.39402960652758],"宗店乡":[114.84376577072942,34.31273705179694],"沙沃乡":[114.67215377795907,34.44910802288335],"官庄乡":[114.6560825667597,34.30102442654109],"平城乡":[114.68889097490039,34.66287588090124],"泥沟乡":[114.73315190006927,34.71259803352949],"湖岗乡":[114.67948778062961,34.38510733922752],"竹林乡":[114.71624598301219,34.26954390732259],"葛岗镇":[114.67112918615987,34.58270165029056],"邢口镇":[114.80913994794082,34.45808183959264],"西寨乡":[114.87137877952313,34.63857576437387],"阳堌镇":[114.80338767381829,34.70055919052429]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
