2012-05-05 4 views
0

JavaScript 및 Google Maps API v3를 처음 사용합니다. ASP.Net 페이지에서 Developer 's Guide 샘플 코드를 사용하려고합니다. 예상대로 맵이 표시되지만 마커가로드되지 않습니다. 누군가 내 실수를 발견 할 수 있다면 고맙겠습니다.내 Google지도 마커가로드되지 않는 이유는 무엇인가요?

<style type="text/css"> 
    html, body, #map_canvas { margin: 0; padding: 0; height: 100%; } 
</style> 
<script type="text/javascript" 
    src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
    var map; 
    var myLatlng = new google.maps.LatLng(-41.2954168187213,174.767133718655) 
    function initialize() { 
     var myOptions = { 
      zoom: 4, 
      center: myLatlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 
    } 

    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title: "Hello World!" 
    }); 
    // The following set map made no difference. 
    //The constructor above should have been enough? 
    //marker.setMap(map); 
    //google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
<body onload="initialize()"> 
    <div id="map_canvas"></div> 
</body> 

답변

2

마커 코드를 초기화 기능에 넣으십시오. 그렇지 않으면 아이콘에 생성 된지도가 표시되지 않습니다.

+1

이 답변을 확장하려면 - 마커를 만든 다음, 문서가로드되면지도를 만듭니다. 이는 마커가 "래치 온"할 수 없음을 의미합니다. - 맵 변수가 null입니다. 먼저지도를로드 한 다음 래치 표시기를 올려야합니다. 원하는 경우 마커 대기열을 만들고 페이지가 실행 중일 때 마커 대기열을 실행하고지도가 준비되어 있으면 마커를지도에 추가 할 수 있습니다. – DanRedux

+0

감사합니다. 지금은 분명해 보인다. –

관련 문제