数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理宁波市奉化区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts宁波市奉化区geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts宁波市奉化区geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts宁波市奉化区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs宁波市奉化区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL前端3D可视化教程
threejs宁波市奉化区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs宁波市奉化区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
宁波市奉化区 下辖有 大堰镇,尚田街道,松岙镇,溪口镇,溪口镇,莼湖街道,裘村镇,岳林街道,西坞街道,锦屏街道,萧王庙街道,江口街道,方桥街道
宁波市奉化区下辖区域坐标
{"大堰镇":[121.28001768435428,29.49524090661481],"尚田街道":[121.38360882115049,29.56174763578389],"松岙镇":[121.71330551554846,29.59585257829485],"溪口镇":[121.30676366693794,29.67521067191704],"莼湖街道":[121.5079467795033,29.56764108045795],"裘村镇":[121.63784592290304,29.57808743902775],"岳林街道":[121.43497927232691,29.65677776235466],"西坞街道":[121.50069821952579,29.65476917946592],"锦屏街道":[121.38525839215882,29.6604056657088],"萧王庙街道":[121.3336731886036,29.67316448120058],"江口街道":[121.42474978055647,29.7154831435376],"方桥街道":[121.4427800066241,29.75941855417268]}
宁波市奉化区行政划分代码
[{"name":"大堰镇","code":"330213107000"},{"name":"尚田街道","code":"330213007000"},{"name":"松岙镇","code":"330213108000"},{"name":"溪口镇","code":"330213100000"},{"name":"溪口镇","code":"330213100000"},{"name":"莼湖街道","code":"330213008000"},{"name":"裘村镇","code":"330213106000"},{"name":"岳林街道","code":"330213002000"},{"name":"西坞街道","code":"330213004000"},{"name":"锦屏街道","code":"330213001000"},{"name":"萧王庙街道","code":"330213005000"},{"name":"江口街道","code":"330213003000"},{"name":"方桥街道","code":"330213006000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
