2013-11-03 67 views
-1

One marker works great.I added a second marker but it does not appear。如何标记两个地图中的两个不同位置是同一页?

哪里是我的代码错误?我相信这很简单,但它不起作用。

的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> 
+0

不会出现在哪里?你将它放在第一张地图上,而不是放在map2上。 – geocodezip

回答

0

您在 “地图”,这是中心这样MARKER2是不是在视图上把两个标记。将marker2的定义更改为:

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

谢谢,现在正在工作! –

相关问题