У меня есть карта OpenStreetMap, и я использую библиотеку листовок, и все хорошо работает на веб-сайте, когда я захожу на нее со своего ноутбука, но когда я захожу с телефона, карта загружается, но полигоны не отображаются, и другие вкладываемые мной кнопки, такие как mapCenterCoord и другие, не загружаются. Когда я захожу на сайт со своего iPad, карта вообще не загружается! Просто пробел. Кто-нибудь знает, как это исправить? Вот картинки и мой код: https://imgur.com/a/owfyA0J Вот мой код:
<script>
var mymap = L.map('map').setView([58.229553, -6.206524], 9);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors</a>',
minZoom: 3,
maxZoom: 14,
zoomControl: true
}).addTo(mymap);
function add_geojson_layer(name, color="red") {
var ll = new L.GeoJSON.AJAX("geojson_files/1935_10_02/"+name+".geojson");
ll.on('data:loaded', function() {
ll.setStyle({
color: color
});
ll.addTo(mymap);
});
}
/***** COLORS *****/
var axis = 'black'
var axis_puppet = '#666666'
var axis_occupied = '#a1a1a1'
var allies = '#296d98'
var allies_puppet = '#3792cb'
var allies_occupied = '#45b6fe'
var comintern = '#B30000'
var comintern_puppet = 'red'
var comintern_occupied = '#ff7f7f'
var finland = 'purple'
var finland_occupied = '#ac68cc'
var neutral = '#ffca8a'
var neutral_zone = 'white'
var countries = [
["neutral_zone_iraq", neutral_zone],
["andorra", neutral],
["albania", neutral],
["bhutan", neutral],
["czechoslovakia", neutral],
["finland", neutral],
["danzig", neutral],
["greece", neutral],
["iraq", neutral],
["lichtenstein", neutral],
["luxembourg", neutral],
["poland", neutral],
["portugal", neutral],
["romania", neutral],
["spanish_africa", neutral],
["spanish_sahara", neutral],
["turkey", neutral],
["yugoslavia", neutral],
["bahrain", allies_puppet],
["bermuda", allies_puppet],
["british_africa", allies_puppet],
["british_somaliland", allies_puppet],
["cyprus", allies_puppet],
["djibouti", allies_puppet],
["france", allies],
["french_africa", allies_puppet],
["french_syria", allies_puppet],
["gambia", allies_puppet],
["gibraltar", allies_puppet],
["kuwait", allies_puppet],
["malta", allies_puppet],
["qatar", allies_puppet],
["south_georgia", allies_puppet],
["swaziland", allies_puppet],
["uk", allies],
["mongolia", comintern_puppet],
["tannu_tuva", comintern_puppet],
["ussr", comintern],
["eritrea", axis_puppet],
["german_prussia", axis],
["germany", axis],
["italian_dodecanese", axis],
["libya", axis_puppet],
["zara", axis]
]
for (country of countries) {
add_geojson_layer(country[0], country[1]);
}
L.control.mapCenterCoord({
icon: false,
position: 'bottomright',
latlngFormat: 'DMS'
}).addTo(mymap);
</script>