Próbuję dodać niestandardowe elementy sterujące do mapy Google za pomocą interfejsu API. Mam już dwa niestandardowe elementy sterujące i działają dobrze. Próbowałem skopiować i wkleić kod dla trzeciej kontrolki (zmieniając odpowiednie zmienne oczywiście) i ciągle otrzymuję powyższy błąd (w tytule)."Nie można odczytać właściwości" zindex "nieokreślonego" Google maps
Konsola Chrome i Firebug nie wydają się wskazywać na konkretny problem (włamuje się do kodu api mapy google). Poprzez stopniowe odkomentowanymi linii, mam zmniejszyła go do tej konkretnej linii:
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(churchControlDiv);
Kod pełny dodawania kontroli jest następująca:
function ChurchControl(churchControlDiv, map) {
churchControlDiv.style.padding = '5px 0px';
var churchControlUI = document.createElement('DIV');
churchControlUI.style.backgroundColor = 'white';
churchControlUI.style.borderStyle = 'solid';
churchControlUI.style.borderWidth = '1px';
churchControlUI.style.borderColor = 'gray';
churchControlUI.style.boxShadow = 'rgba(0, 0, 0, 0.398438) 0px 2px 4px';
churchControlUI.style.cursor = 'pointer';
churchControlUI.style.textAlign = 'center';
churchControlUI.title = 'Click to see Churches';
churchControlDiv.appendChild(churchControlUI);
var churchControlText = document.createElement('DIV');
churchControlText.style.fontFamily = 'Arial,sans-serif';
churchControlText.style.fontSize = '13px';
churchControlText.style.padding = '1px 6px';
churchControlText.style.fontWeight = 'bold';
churchControlText.innerHTML = 'Churches<br>แสดงจำนวนคริสเตียน';
churchControlUI.appendChild(churchControlText);
google.maps.event.addDomListener(churchControlUI, 'click', function() {
toggle(churches);
if (churchControlText.style.fontWeight == 'bold') {
churchControlText.style.fontWeight = 'normal';
} else {
churchControlText.style.fontWeight = 'bold';
}
});
google.maps.event.addDomListener(churchControlUI, 'mouseover', function() {
churchControlUI.style.backgroundColor = '#e8e8e8';
});
google.maps.event.addDomListener(churchControlUI, 'mouseout', function() {
churchControlUI.style.backgroundColor = 'white';
});
}
function initialize(){
map = new google.maps.Map(document.getElementById("map_canvas"), {
center: centerLatLng,
zoom: 7,
streetViewControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var churchControlDiv = document.createElement('DIV');
var churchControlDiv = new ChurchControl(churchControlDiv, map);
churchControlDiv.index = 3;
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(churchControlDiv);
}
pomysłów? Jakiś powód, dla którego posiadanie 3 kontroli stanowiłoby problem?
To było to. Dzięki. Kiedy przeszedłem i zmieniłem zmienne, musiałem zmienić je na niewłaściwe. Patrzyłem na to przez długi czas ... – Josh