Маркеры карты листовок Нажмите на событие, не работает в определенных сценарияхJquery

Программирование на jquery
Ответить
Anonymous
 Маркеры карты листовок Нажмите на событие, не работает в определенных сценариях

Сообщение Anonymous »

Я работал над созданием карты с дюжиной сгруппированных маркеров, она отлично работает, но в этих двух сценариях маркеры перестают работать: < /p>
Когда Zoom Browser выше 100% (для меня, 150% причин большинства проблем); < /li>
, когда на карту не является то, что на карту не является то, что на карту не является навесное, по сравнению с пользовательским портом, на небольшом виде, по сравнению с навеспом, на небольшой просмотр, по сравнению с навеспом, на небольшой просмотр, по сравнению с навеспом, на небольшой просмотр, по сравнению с нагрузкой, на небольшом виде, по сравнению с нисходящим, по сравнению с нагрузкой, по сравнению с нагрузкой, не наносит на карту, чем на мал. 1920x1080 пикселей. < /Li>
< /ol>
Код карты довольно базовый, с небольшим количеством наложений PNG и SVG: < /p>
var osmUrl = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
osmAttrib = '© OpenStreetMap contributors',
osm = L.tileLayer(osmUrl, {maxZoom: 20, attribution: osmAttrib});

var map = L.map('map', {zoomDelta: 0.25, zoomSnap: 0.25, wheelPxPerZoomLevel: 45}).setView([54.86663, 24.19677], 15).addLayer(osm);

var imageUrl = '/wp-content/uploads/2025/07/zemelapis_overlay_top_3.png',
imageBounds = [[54.87852, 24.17560], [54.86740, 24.20274]];
L.imageOverlay(imageUrl, imageBounds).addTo(map);

var imageUrl2 = '/wp-content/uploads/2025/07/zemelapis_overlay_bottom_3.png',
imageBounds2 = [[54.86784, 24.17560], [54.85666, 24.20274]];
L.imageOverlay(imageUrl2, imageBounds2).addTo(map);

var imageUrl3 = '/wp-content/uploads/2025/07/buildings-05.svg',
imageBounds3 = [[54.87852, 24.17560], [54.85670, 24.20274]];
L.imageOverlay(imageUrl3, imageBounds3).addTo(map);
< /code>
Каждый маркер имеет связанное всплывающее окно и назначается группе (чтобы иметь возможность скрывать или показывать сгруппированные маркеры): < /p>
var parkingIcon = L.icon({
iconUrl: '/wp-content/uploads/2025/07/map-icon-parking.png',
iconSize: [36, 48],
iconAnchor: [18, 48],
popupAnchor: [0, -46]
});

let parking = L.layerGroup([]).addTo(map);

var parkingMarkerSutikimoVartai = new L.marker([
54.865928, 24.201969
], {
icon: parkingIcon
}).bindPopup(
"Lorem ipsum
"
).addTo(parking);
< /code>
Теперь я знаю, что это не проблема листовок, потому что вставка карты в JSFiddle Удаляет проблему, и карта работает там отлично, поэтому проблема где -то в WordPress, возможно, связанной с темой. Веб -сайт использует Uncode с WPBakery. Слушатель событий Breakpoint показывает, что jquery "ce.event" называется, а не куполовая листка: < /p>
ce.event = {
global: {},
add: function(t, e, n, r, i) {
var o, a, s, u, l, c, f, p, d, h, g, v = _.get(t);
if ($(t)) {
n.handler && (n = (o = n).handler,
i = o.selector),
i && ce.find.matchesSelector(J, i),
n.guid || (n.guid = ce.guid++),
(u = v.events) || (u = v.events = Object.create(null)),
(a = v.handle) || (a = v.handle = function(e) {
return "undefined" != typeof ce && ce.event.triggered !== e.type ? ce.event.dispatch.apply(t, arguments) : void 0
}
),
l = (e = (e || "").match(D) || [""]).length;
while (l--)
d = g = (s = De.exec(e[l]) || [])[1],
h = (s[2] || "").split(".").sort(),
d && (f = ce.event.special[d] || {},
d = (i ? f.delegateType : f.bindType) || d,
f = ce.event.special[d] || {},
c = ce.extend({
type: d,
origType: g,
data: r,
handler: n,
guid: n.guid,
selector: i,
needsContext: i && ce.expr.match.needsContext.test(i),
namespace: h.join(".")
}, o),
(p = u[d]) || ((p = u[d] = []).delegateCount = 0,
f.setup && !1 !== f.setup.call(t, r, h, a) || t.addEventListener && t.addEventListener(d, a)),
f.add && (f.add.call(t, c),
c.handler.guid || (c.handler.guid = n.guid)),
i ? p.splice(p.delegateCount++, 0, c) : p.push(c),
ce.event.global[d] = !0)
}
},
< /code>
Я понятия не имею, что делает это событие JQuery, но, похоже, он возвращает «не определен». На консоли нет ошибок. https://jsfiddle.net/hwq97nr4/3/ho>

Подробнее здесь: https://stackoverflow.com/questions/797 ... -scenarios
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»