여러 마커와 팝업 창이있는 맞춤형 Google지도 만들기 - 문제

Question

맞춤식 Google지도를 만들려고했지만 코드를 작성했지만 뭔가 잘못되었습니다. 누구든지 내가 한 짓을 지적 할 수 있는지 궁금해졌습니다. 잘못된. 코드는 여기에 있습니다 : 그것은 잘 작동하는 것 같다

<script type="text/javascript"> 
    function initialize() { 
    var myLatlng = new google.maps.LatLng(30,0); 
    var myOptions = { 
     zoom: 2, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.TERRAIN 
    } 

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

    var countries = Array(); 

    countries.push({ 
     marker: new google.maps.Marker({position: new google.maps.LatLng(4.52,115), map: map, title: 'Test'}), 
     infowindow: new google.maps.InfoWindow({content: "Hello world"}) 
    }); 
    countries.push({ 
     marker: new google.maps.Marker({position: new google.maps.LatLng(42.45,23.20), map: map, title: 'Test2'}), 
     infowindow: new google.maps.InfoWindow({content: "Hello world2"}) 
    }); 
    countries.push({ 
     marker: new google.maps.Marker({position: new google.maps.LatLng(12.15,-1.30), map: map, title: 'Test3'}), 
     infowindow: new google.maps.InfoWindow({content: "Hello world3"}) 
    }); 

    for each (var item in countries) { 
     google.maps.event.addListener(item.marker, 'click', function() { 
     item.infowindow.open(map, item.marker); 
     }); 

} 

Answer 1

using the wrong style for loop을 제외하면 make a function in a loop입니다. 이것은 매우 흔한 실수입니다. JS에는 블록 수준이 아닌 기능 수준 범위 지정이 있으므로 예상대로 작동하지 않습니다.

이 시도 :

function makeCallback(country) { 
    return function() { 
     country.infowindow.open(map, country.marker); 
    }; 
} 

var item; 
for (var i=0; i<countries.length; i++) { 
    item = countries[i]; 
    google.maps.event.addListener(item.marker, 'click', makeCallback(item)); 
} 

Answer 2

, 내가 3 개 마커 그러나 문제는 그것이 말하기 어렵다 무엇인지 모르고지도를 참조하십시오.

몇 가지 추측은 :

• 당신은 당신이 "map_canvas"의 ID로 사업부가 있습니까
• 를 초기화 닫 끝에 중괄호를 놓치고있어?
• 초기화는 어디서나 호출됩니까?
• Google지도 자바 스크립트를 포함 시켰습니까?