随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理威海市乳山市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
乳山市，山东省辖县级市，由威海市代管。地处青岛、威海、烟台三市衔接的腹地；南濒黄海，与韩国、日本隔海相望。介于北纬36°41′—37°08′，东经121°11′—121°51′之间，东西横宽60千米，南北纵长48千米，总面积1665平方千米，海岸线长199.27千米。截至2022年10月，乳山市辖1个街道、14个镇 。截至2021年末，乳山市户籍总人口53.1804万人。
echarts威海市乳山市geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts威海市乳山市geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts威海市乳山市geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs威海市乳山市geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话，可以观看threejs教程视频 WebGL 3D可视化教程
threejs威海市乳山市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs威海市乳山市geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
威海市乳山市 下辖有 育黎镇,诸往镇,徐家镇,下初镇,冯家镇,午极镇,南黄镇,夏村镇,崖子镇,乳山口镇,乳山寨镇,城区街道,大孤山镇,海阳所镇,白沙滩镇
威海市乳山市下辖区域坐标
{"育黎镇":[121.42503825583279,37.00815303477077],"诸往镇":[121.30985934613855,36.97494034525773],"徐家镇":[121.75914127925313,36.91682945737021],"下初镇":[121.5985629728304,37.06241821142831],"冯家镇":[121.7050240987802,37.0637534963936],"午极镇":[121.48920921583357,37.05953302692412],"南黄镇":[121.77451346205072,36.95470853647649],"夏村镇":[121.53046575404942,36.93893746842807],"崖子镇":[121.29684712512397,37.0610982750664],"乳山口镇":[],"乳山寨镇":[121.41757814237332,36.85893288307292],"城区街道":[121.53799405918228,36.91839229718322],"大孤山镇":[121.63081069468997,36.94824906004418],"海阳所镇":[],"白沙滩镇":[]}
威海市乳山市行政划分代码
[{"name":"育黎镇","code":"371083109000"},{"name":"诸往镇","code":"371083111000"},{"name":"徐家镇","code":"371083114000"},{"name":"下初镇","code":"371083107000"},{"name":"冯家镇","code":"371083106000"},{"name":"午极镇","code":"371083108000"},{"name":"南黄镇","code":"371083105000"},{"name":"夏村镇","code":"371083100000"},{"name":"崖子镇","code":"371083110000"},{"name":"乳山口镇","code":"371083101000"},{"name":"乳山寨镇","code":"371083112000"},{"name":"城区街道","code":"371083001000"},{"name":"大孤山镇","code":"371083104000"},{"name":"海阳所镇","code":"371083102000"},{"name":"白沙滩镇","code":"371083103000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
