小册子使用卫星视图，drupal 8？

Question

I need instead of a basic view in leaflet (it's a map of the world), the satellite view, but I still need to be able to switch between them? How does this work, can anyone explain this to me?

Installed modules:

https://www.drupal.org/project/gmap

https://www.drupal.org/project/leaflet_more_maps

Answer 1

I made a more detailed example of my question, but @JulienV came close to what I meant, But it wasn't entirely what I wanted, plus I already found his exact answer in another post. What I wanted was to know how to add more or less maps to the view:

var osmLink = '<a href=\"https://openstreetmap.org\">OpenStreetMap</a>',
    thunLink = '<a href=\"https://thunderforest.com/\">Thunderforest</a>';

var osmUrl = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
    osmAttrib = '&copy; ' + osmLink + ' Contributors',
    landUrl = 'https://{s}.tile.thunderforest.com/landscape/{z}/{x}/{y}.png',
    thunAttrib = '&copy; '+osmLink+' Contributors & '+thunLink;

var osmMap = L.tileLayer(osmUrl, {attribution: osmAttrib}),
    landMap = L.tileLayer(landUrl, {attribution: thunAttrib});

var roadmap = L.tileLayer('https://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}',{
    maxZoom: 20,
    subdomains:['mt0','mt1','mt2','mt3']
});

var satellite = L.tileLayer('https://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}',{
    maxZoom: 20,
    subdomains:['mt0','mt1','mt2','mt3']
});

var sat_text = L.tileLayer('https://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}',{
    maxZoom: 20,
    subdomains:['mt0','mt1','mt2','mt3']
});

And then I added each map to the array like this:

if($map_layouts['get_roads']) {
    $roads = "\"Roads\": roadmap";

    if($baselist == "") {
        $baselist = $roads;
    } else {
        $baselist = $baselist . "," . $roads;
    }
}

Then I needed to check if the $baselist wasn't empty:

if($baselist) {
    $base_layout = "var baseLayers = {".$baselist."};";
} else {
    $base_layout = "";
}

And then of course add the layers to the map:

L.control.layers(baseLayers).addTo(map);

I worked out the code with the google maps included. The osm and thun map was a nice example, but basically what this code does:

• First I make if statements in php to see if the roads are included in the button I made. I pass the get_roads inside the array, so that the if statement returns true and then it sets $roads as the roadmap value, which is given in the map examples in the first code of this answer.
• Then I check if $baselist isn't empty, because if it's empty it doesn't need a ,, but if it isn't empty, then it gets the $baselist, which would be the previous set value, then a comma and then the new value.
• This was the markup of the layers and then I will pass the baseLayers as those values, which will create the maps inside the leaflet view, if the buttons are checked.