Я использую буклет для отображения моего геолокационного изображения на моем веб-сайте (мой тестовый сайт можно посмотреть здесь: http://test.vincentbourganel.fr/pages/map-osm/)
все идет хорошо, кроме одной вещи: когда я просматриваю свой сайт с мобильного устройства ios (ios 11.3.1), маркеры не отображаются.
Я не могу понять, в чем дело.
Я пытаюсь использовать уменьшенный тестовый пример (только html, за пределами zenphoto, используется дляв моей галерее) всего 2 маркера, но проблема остается той же. Вы можете увидеть это здесь:
http://test.vincentbourganel.fr/test_osm_map.html
Можете ли вы указать мне правильное направление для решения этой проблемы?
спасибо за помощь !! vincent
изменить после комментария: есть код моей страницы:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<script type="text/javascript" src="/zp-core/js/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="http://test.vincentbourganel.fr/plugins/zp_openstreetmap/leaflet.css" />
<link rel="stylesheet" type="text/css" href="http://test.vincentbourganel.fr/plugins/zp_openstreetmap/zp_openstreetmap.css" />
<script src="http://test.vincentbourganel.fr/plugins/zp_openstreetmap/leaflet.js"></script>
<script src="http://test.vincentbourganel.fr/plugins/zp_openstreetmap/leaflet-providers.js"></script>
<title>[VB] Photo US | Map OSM</title>
</head>
<body>
<h3>Map OSM</h3>
<div id="osm_map" style="width:100%; height:600px;"></div>
<script>
var map = L.map('osm_map', {
zoom: 4,
zoomControl: false,
minZoom: 2,
maxZoom: 18
});
L.tileLayer.provider('OpenTopoMap').addTo(map);
L.control.zoom({position: 'topleft'}).addTo(map);
L.marker([57.150,-6.100]).addTo(map);
L.marker([57.500,-6.450]).addTo(map);
map.fitBounds([
[57.150,-6.100], [57.500,-6.450]
]);
</script>
</body>
</html>