数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理衢州市开化县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts衢州市开化县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts衢州市开化县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts衢州市开化县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
threejs衢州市开化县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话，可以观看threejs视频 WebGL/Three.js前端3D可视化教程
threejs衢州市开化县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs衢州市开化县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
衢州市开化县 下辖有 池淮镇,苏庄镇,音坑乡,马金镇,齐溪镇,大溪边乡,张湾乡,长虹乡,杨林镇,中村乡,何田乡,华埠镇,城关镇,村头镇,塘坞乡,金村乡,林山乡,桐村镇
衢州市开化县下辖区域坐标
{"池淮镇":[118.2753549929242,29.12240948551358],"苏庄镇":[118.11144037058537,29.20092625893981],"音坑乡":[118.40064124015049,29.22075287346377],"马金镇":[118.38401277191637,29.32375844834048],"齐溪镇":[118.29825925175581,29.43456195890826],"大溪边乡":[118.57446890756113,29.27758787204647],"张湾乡":[118.17944494518875,29.13561469648359],"长虹乡":[118.21775879574437,29.25680426890632],"杨林镇":[118.12713863886377,29.05813785263677],"中村乡":[118.31203485291553,29.23121928389637],"何田乡":[118.27782450687859,29.33973753462039],"华埠镇":[118.3872290243082,29.01438733130268],"城关镇":[118.39799512259079,29.11858109479241],"村头镇":[118.48981660277362,29.28807577396897],"塘坞乡":[118.48173717800412,29.33862767895053],"金村乡":[118.48698278815912,29.20969756135404],"林山乡":[118.53219857637247,29.17421852559247],"桐村镇":[118.20287800547035,28.99537510690711]}
衢州市开化县行政划分代码
[{"name":"池淮镇","code":"330824117000"},{"name":"苏庄镇","code":"330824108000"},{"name":"音坑乡","code":"330824217000"},{"name":"马金镇","code":"330824116000"},{"name":"齐溪镇","code":"330824109000"},{"name":"大溪边乡","code":"330824218000"},{"name":"张湾乡","code":""},{"name":"长虹乡","code":"330824205000"},{"name":"杨林镇","code":"330824107000"},{"name":"中村乡","code":"330824202000"},{"name":"何田乡","code":"330824208000"},{"name":"华埠镇","code":"330824115000"},{"name":"城关镇","code":""},{"name":"村头镇","code":"330824113000"},{"name":"塘坞乡","code":""},{"name":"金村乡","code":""},{"name":"林山乡","code":"330824216000"},{"name":"桐村镇","code":"330824106000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
