Проблема js-листовки с TileLayer и элементом управления

#leaflet

#листовка

Вопрос:

У меня есть карта листовки с элементом управления с openstreetmap и googlemap, когда я загружаю свою страницу, я вижу openstreetmap для istance, а затем переключаюсь на googlemap, но я хочу показать openstreetmap по умолчанию.

это мой код:

 <script>
var openStreetMap = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: 'amp;copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
    });

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


    var map = L.map('map', {
        center: [43.44084,11.8602],
        zoom: 13,
        layers: [openStreetMap, googleMap]
    });
    



    var baseMaps = {
        'openStreetMap': openStreetMap,
        'googleMap': googleMap
    };

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

    map.spin(true);

$.getJSON("http://localhost/fit-file-analysis-2/geojson.php",function(data){
   
    

    L.geoJson(data).addTo(map);
    map.spin(false);
});
  

Комментарии:

1. Добавьте желаемый tilelayer на карту, т. е. .addTo(map) .

Ответ №1:

Вы добавляете объект baseMaps в свой map , но не влияете на слой плитки.

Как говорит @IvanSanchez, вы должны добавить слой плитки на свою карту:

 openStreetMap.addTo(map);