Leaflet ios移动设备上未显示传单标记

Leaflet ios移动设备上未显示传单标记,leaflet,Leaflet,我使用传单在我的网站上显示我的地理位置图片(你可以在这里看到我的测试站点:) 除一件事外,一切都很顺利: 当我从ios移动设备(ios 11.3.1)浏览我的网站时,不会显示任何标记 我想不出哪里出了问题 我尝试使用一个只有2个标记的reduce测试用例(只有html,在zenphoto之外,用于我的图库),但问题仍然是一样的。 你可以在这里看到: 你能给我指出解决这个问题的正确方向吗 谢谢你的帮助!! 文森特 评论后编辑: 我的页面代码如下: <!DOCTYPE html> &l

我使用传单在我的网站上显示我的地理位置图片(你可以在这里看到我的测试站点:)

除一件事外,一切都很顺利: 当我从ios移动设备(ios 11.3.1)浏览我的网站时,不会显示任何标记

我想不出哪里出了问题

我尝试使用一个只有2个标记的reduce测试用例(只有html,在zenphoto之外,用于我的图库),但问题仍然是一样的。 你可以在这里看到:

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

谢谢你的帮助!! 文森特

评论后编辑: 我的页面代码如下:

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

[VB]照片美国|地图OSM
映射OSM
var map=L.map('osm_map'{
缩放:4,
动物控制:错误,
minZoom:2,
最大缩放:18
});
L.tileLayer.provider('OpenTopoMap').addTo(地图);
缩放({position:'topleft'}).addTo(map);
L.标记([57.150,-6.100])。添加到(地图);
L.标记([57.500,-6.450])。添加到(地图);
map.fitbunds([
[57.150,-6.100], [57.500,-6.450]
]);

您可以在这里看到我的测试用例的代码:

我无法在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>

[VB]照片美国|地图OSM
映射OSM
var map=L.map('osm_map'{
缩放:4,
动物控制:错误,
minZoom:2,
最大缩放:18
});
L.tileLayer.provider('OpenTopoMap').addTo(地图);
缩放({position:'topleft'}).addTo(map);
L.标记([57.150,-6.100])。添加到(地图);
L.标记([57.500,-6.450])。添加到(地图);
map.fitbunds([
[57.150,-6.100], [57.500,-6.450]
]);

为了让我们帮助您编写代码,您需要共享代码……您应该编辑您的问题,以便添加更多详细信息,而不是使用答案,如果它不能提供解决方案。对不起,我会记住下一个问题。有什么方法可以帮助我吗?谢谢你把你的内容转移到你的问题上。抱歉,我当前没有iOS设备。如果您可以在JSFIDLE、Plunker等服务上提供一个实时复制示例,而不是您自己的服务器,该服务器可以随时更改内容,使您的文章对未来的读者毫无用处,这也会有所帮助。使用CDN版本的传单。