[VUE+Leaflet开发案例一][海洋环境监测系统] 第7章 添加多种地图切换控件

前言

本系列文章的主题是详细分享一个基于VUE+Leaflet应用框架的WebGIS前端系统开发案例，从应用场景、开发技术、开发环境、开发调试、功能开发、系统发布等多个开发过程进行详细讲解及代码分享。

---

系列文章目录

---

本章节在上一章节添加的基础地图的基础上，添加多种类型的地图切换功能，包括矢量天地图、影像天地图、地形天地图、ArcGIS影像图等，并实现切换显示功能，效果如下图。

---

一、添加请求服务地址

如下图所示，分别添加上各种地图服务的请求地址。

//ArcGIS地图服务地址
var Esri_WorldImagery = L.tileLayer('http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', { attribution: '' });
var arcgis_images_img_group &#