маркеры листовок не отображаются на мобильном устройстве ios - PullRequest
0 голосов
/ 18 мая 2018

Я использую буклет для отображения моего геолокационного изображения на моем веб-сайте (мой тестовый сайт можно посмотреть здесь: 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>

1 Ответ

0 голосов
/ 18 мая 2018

есть код моего тестового примера, который вы можете увидеть здесь: http://test.vincentbourganel.fr/test_osm_map.html

Я не вижу 2 маркера на моем мобильном устройстве ios.

<!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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...