Question

我使用传单在我的网站上显示我的地理位置图片（您可以在此处查看我的测试网站：http://test.vincentbourganel.fr/pages/map-osm/）

everthing很好，只有一件事：当我从ios移动设备（ios 11.3.1）浏览我的网站时，不会显示任何标记。

我无法确定问题所在。

我尝试使用只有2个标记的减少测试用例（只有html，在zenphoto之外，用于我的图库）但问题仍然相同。你可以在这里看到它：

http://test.vincentbourganel.fr/test_osm_map.html

你能指出我解决这个问题的正确方向吗？

感谢您的帮助！文森特

评论后修改 我的页面有代码：

<!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>

Answer 1

我的测试用例的代码可以在这里看到：http://test.vincentbourganel.fr/test_osm_map.html

我无法在ios移动设备上看到2个标记。

<!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>

小册子标记在ios移动设备上未显示

1 个答案: