1
마커가 포함 된 전단지를 작성했습니다. 마커를 클릭하면 팝업이 열립니다. 마커를 검색 할 수 있도록 검색 막대를 추가했습니다. 마커 이름을 선택하면지도가 마커로 확대되고 팝업이 열립니다.문제 : 팝업을 두 번 열 수 없습니다.
내 문제 : 모든 팝업은 한 번만 열 수 있고 마커를 선택하면 확대/축소가 작동하며 팝업이 열리지 않습니다. 이미 클릭 한 경우 두 번째 클릭으로 팝업이 열리지 않습니다. 나는 그것이 changeSelection 함수에 실수가 있기 때문에 그것이 실제로 생각할 수 없다고 생각한다. 어떤 제안이 있으십니까?
지도는 GitHub에 있습니다. 그리고지도 here을 사용하여 내 문제를 확인할 수 있습니다. 이 내 JS 코드 :
function myFunction() {
var map = L.map('map').setView([51.426002, 7.503215], 8);
// improve experience on mobile
if (map.tap) map.tap.disable();
L.tileLayer('http://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}', {
attribution: 'Tiles © Esri — Esri, DeLorme, NAVTEQ',
maxZoom: 16
}).addTo(map);
map._layersMinZoom=8;
var selectedRadio = 0;
var RadioByName = {};
var markersLayer = new L.LayerGroup(); //layer contain searched elements
map.addLayer(markersLayer);
var controlSearch = new L.Control.Search({
position:'topright',
layer: markersLayer,
initial: false,
zoom: 12,
marker: false,
textPlaceholder: 'Suche...'
});
map.addControl(controlSearch);
// create newsroom markers
var radioMarkers = [];
var icon = L.icon({
iconUrl: 'icons/icon.png',
iconSize: [30, 32], // size of the icon
iconAnchor: [15, 32], // point of the icon which will correspond to marker's location
popupAnchor: [0, -32]
});
for(i=0; i<radio.length; i++) {
RadioByName[radio[i].redaktion] = radio[i];
var radio_marker = [];
radio_marker.redaktion = radio[i].redaktion; // associate marker with newsroom
radio_marker.lat = radio[i].lat;
radio_marker.long = radio[i].long;
radio_marker.stadt = radio[i].stadt;
radio_marker.redaktion_link = radio[i].redaktion_link;
var title = radio_marker.redaktion, //value searched
loc = [radio_marker.long, radio_marker.lat], //position found
radio_marker = new L.marker(new L.latLng(loc), {
icon: icon,
title: title,
stadt: radio_marker.stadt,
redaktion_link: radio_marker.redaktion_link
});
markersLayer.addLayer(radio_marker);
radio_marker.on('click', function(e) {
changeSelection(e.target.options.title);
map.setView([e.target._latlng.lat, e.target._latlng.lng]);
var myPopup = L.popup()
.setContent("<strong>" + e.target.options.redaktion_link + "</strong> | " +
e.target.options.stadt);
e.target.bindPopup(myPopup).openPopup();
});
radioMarkers.push(radio_marker); // keep marker reference for later
}
function changeSelection(radioRedaktion) {
if(selectedRadio == 0 || selectedRadio != radioRedaktion) {
selectedRadio = radioRedaktion;
for(i=0; i<radioMarkers.length; i++) {
if(radioMarkers[i].options.title == radioRedaktion) {
radioMarkers[i].openPopup();
}
}
}
else {
selectedRadio = 0;
}
}
}
는 당신에게 당신의 간단하고 빠르고 잘 설명 답변 대단히 감사합니다! 완벽하게 작동하고 팝업이 어떻게 작동하는지 알게되었습니다. 너 같은 사람이 내가이 공동체를 너무 좋아하는 이유 야! 제 두 번째 질문에 대한 제안이 있습니까? 검색 창을 통해 마커를 검색 할 때지도를 선택한 마커로 확대 할뿐만 아니라 팝업을 열어 놓고 싶습니다. 아래 코드에서 보았지만 작동하지 않습니다. –
알 수 있습니다 : http://stackoverflow.com/questions/23069012/leaflet-control-search-open-popup-for-search-result/23080891#23080891 –