Каков наилучший способ, чтобы все всплывающие подсказки на карте Mapbox открывались при загрузке страницы, без необходимости нажимать на маркер, чтобы показать их? Я попытался удалить opacity: 0
из .leaflet-popup
, но это не сработало, потому что кажется, что они встроены в DOM на лету с помощью JS.
Можно ли это сделать? Я понимаю, что это необычно, но у меня есть макет, который я пытаюсь воссоздать, в котором маркеры выглядят как всплывающие подсказки с заголовком внутри. Я искал и искал способы настроить маркеры, но единственное, что я могу найти, — это использовать собственное изображение. Поскольку у меня должны быть динамические заголовки, показывающие, что это не сработает, поэтому теперь я планирую использовать прозрачные png 1x1 для изображений маркеров и просто показывать всплывающие подсказки по умолчанию.
Изменить
Вот мой код:
// Setup map
var map = L.mapbox.map("destinations-map", "xxx")
.setView([40, -74.50], 2);
// Load regions from JSON file
var loadRegions = function () {
$.ajax({
dataType: "json",
url: "/regions",
success: function (data) {
$.each(data.regions, function(i, region) {
L.mapbox.markerLayer({
type: "Feature",
geometry: {
type: "Point",
coordinates: region.coordinates
},
properties: {
title: region.title
}
})
.addTo(map)
.openPopup();
});
}
});
};
// Initially load region markers
loadRegions();