Как отметить два разных местоположения на двух картах - это одна и та же страница?

Question

Один маркер отлично работает. Я добавил второй маркер, но он не появляется.

где ошибка в моем коде? Я уверен, что это просто, но это не работает.

Javascript

<script type="text/javascript"> 
    function initialize() { 
     var mapOptions = { 
       zoom: 15, 
       center: new google.maps.LatLng(-12.99379, -38.52661), 
       mapTypeId: google.maps.MapTypeId.TERRAIN 
      }; 
     var mapOptions2 = { 
       zoom: 15, 
       center: new google.maps.LatLng(-12.994898, -38.470841), 
       mapTypeId: google.maps.MapTypeId.TERRAIN 
      }; 

     var map = new google.maps.Map(document.getElementById('location-canvas'), 
             mapOptions); 
     var map2 = new google.maps.Map(document.getElementById('location-canvas2'), 
             mapOptions2); 

     var marker = new google.maps.Marker({ 
         map: map, 
         draggable: false, 
         position: new google.maps.LatLng(-12.99379, -38.52661) 
      }); 

     var marker2 = new google.maps.Marker({ 
         map: map, 
         draggable: false, 
         position: new google.maps.LatLng(-12.994898, -38.470841) 
      }); 
    } 

    google.maps.event.addDomListener(window, 'resize', initialize); 
    google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 

HTML

<div id='location-canvas' style='width:100%;height:200px;'></div> 
<div id='location-canvas2' style='width:100%;height:200px;'></div> 

Answer 1

Вы ставите оба маркера на "карту", которая центрируется таким образом, что marker2 не в поле зрения. Измените определение маркера2 на:

var marker2 = new google.maps.Marker({ 
        map: map2, 
        draggable: false, 
        position: new google.maps.LatLng(-12.994898, -38.470841) 
     });