如何在两张地图中标记两个不同的位置是同一页?

时间:2013-11-03 01:42:51

标签: javascript google-maps

一个标记效果很好。我添加了第二个标记,但它没有出现。

我的代码中的错误在哪里?我确信它很简单,但它不起作用。

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

1 个答案:

答案 0 :(得分:0)

您将两个标记放在“地图”上,该地图居中,使得标记2不在视野中。将marker2的定义更改为:

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