주소에서 표식 인구

Question

다음은 배열 주소에서 표식을 채우는 데 사용하는 코드입니다. 각 표식을 표시하지 않으며 각각의 div에 매핑됩니다. 내가 잘못했는지 어떻게 알 수 있고 어떻게이 문제를 해결할 수 있습니까? . 표시 할지도 위해서는

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 

    var myOptions = { 
    center: new google.maps.LatLng(54, -2), 
    zoom: 6, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

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

    var addressArray = new Array("41 Green Ln, Handsworth, Birmingham, West Midlands B21 0DE, UK","BT27 4SB","Norwich"); 
    var geocoder = new google.maps.Geocoder(); 
    var markerBounds = new google.maps.LatLngBounds(); 

    for (var i = 0; i < addressArray.length; i++) { 
    geocoder.geocode({ 'address': addressArray[i]}, function(results, status) { 
     if (status == google.maps.GeocoderStatus.OK) { 
     var marker = new google.maps.Marker({ 
      map: map, 
      position: results[0].geometry.location 
     }); 

     markerBounds.extend(results[0].geometry.location); 
     map.fitBounds(markerBounds); 
     } else { 
     alert("Geocode was not successful for the following reason: " + status); 
     } 
    }); 
    }  

}); 
</script> 
<div id="map_canvas"></div> 

Answer 1

, 당신은 CSS를 사용하여 #map_canvas에게 절대 너비/높이를 부여해야합니다.

예시 예 : http://jsfiddle.net/sCvJk/