Leaflet 传单图像覆盖标记错位响应设计

当我们试图在响应性设计中放置标记时，标记会错位

请尝试以下代码，在下面的注释中添加了fiddle链接以供参考

var osmUrl= 'http://skolavefurinn.is/sites/default/files/styles/quiz_hotspot/public/image_520470007.png',
h = 709,
w = 709;

var map = L.map('mapid', {
    minZoom: -3,
    maxZoom: 1,
    center: [0, -709],
    zoom: 1,
    crs: L.CRS.Simple
});

var southWest =  map.unproject([0, h], map.getZoom());
var northEast = map.unproject([w, 0], map.getZoom());
var bounds = new L.LatLngBounds(southWest, northEast);

var imgOv = L.imageOverlay(osmUrl, bounds).addTo(map);
map.setMaxBounds(bounds);
var markerData = [[0,0],[185,362],[277,593],[307,354],[472,472],[473,568],[550,516],[535,370],[230,119]];

for (var i=0; i<markerData.length; i++){
L.marker(
map.layerPointToLatLng(
    map.containerPointToLayerPoint(
    markerData[i]
  )
)
).addTo(map);
}

var osmUrl='1〕http://skolavefurinn.is/sites/default/files/styles/quiz_hotspot/public/image_520470007.png',
h=709，
w=709；
var map=L.map（'mapid'{
minZoom:-3，
maxZoom:1，
中心：[0，-709]，
缩放：1，
crs:L.crs.Simple
});
var西南=map.unproject（[0，h]，map.getZoom（））；
var northEast=map.unproject（[w，0]，map.getZoom（））；
var bounds=新的L.LatLngBounds（西南、东北）；
var imgOv=L.imageOverlay（osmUrl，bounds）.addTo（map）；
map.setMaxBounds（bounds）；
var markerData=[[0,0]、[185362]、[277593]、[307354]、[472472]、[473568]、[550516]、[535370]、[230119]；
对于（var i=0；i选中fiddle并尝试此操作。请在此处查看此问题的详细信息。