Googleマップapi v3の問題

GoogleマップAPI v3を使用していますが、問題があります。Googleマップapi v3の問題

複数のマップで表示する必要があり、マップの数がわかりません。

ここでは、コードのPHPコード：任意の助け

<script type="text/javascript" 
     src="http://maps.googleapis.com/maps/api/js?key=AIzaSyA5DRxSgUpWIfkLYULGijHXFQdogRElRIg&sensor=false"> 
</script> 
<?php 
for ($i = 1; $i <= 4; $i++) { 
    echo "map n:" . $i . "<br/>"; 
    ?><script> 
     function initialize(ltd,lgd) { 
      var myOptions = { 
       center: new google.maps.LatLng(ltd, lgd), 
       zoom: 15, 
       panControl: false, 
       zoomControl: false, 
       mapTypeControl: false, 
       scaleControl: false, 
       streetViewControl: false, 
       overviewMapControl: false, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      var map = new google.maps.Map(document.getElementById("map_canvas<?php echo $i ?>"), 
      myOptions); 
      google.maps.event.addListener(map, 'click', function(event) { 
       placeMarker(event.latLng); 
      }); 
      var marker; 
      marker = new google.maps.Marker({ 
       position: new google.maps.LatLng(ltd, lgd), 
       map: map 
      }); 
     } 
    </script> 
    <?php echo "<body onload='initialize(36.835769,10.247693)'>"; ?> 
    <div id="map_canvas<?php echo $i ?>" style="margin-top:18px; width: 136px; height: 136px;"></div> 
    <?php 
} 
?>

感謝:)

出典

2012-05-11 Houx

だから、正確にあなたの問題は何ですか？ –

地図は最後に一度だけ表示されます。 – Houx

あなたは機能を作成しているが、役に立たないものを、複数回の初期化、機能は毎回上書きされます。

は関数にのみ1時間を使用し、引数としてマップのIDを渡す：

<script type="text/javascript" 
     src="http://maps.googleapis.com/maps/api/js?sensor=false"> 
</script> 
<script> 
     function initialize(ltd,lgd,map) { 
      var myOptions = { 
       center: new google.maps.LatLng(ltd, lgd), 
       zoom: 15, 
       panControl: false, 
       zoomControl: false, 
       mapTypeControl: false, 
       scaleControl: false, 
       streetViewControl: false, 
       overviewMapControl: false, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      var map = new google.maps.Map(document.getElementById(map), 
      myOptions); 
      google.maps.event.addListener(map, 'click', function(event) { 
       placeMarker(event.latLng); 
      }); 
      var marker; 
      marker = new google.maps.Marker({ 
       position: new google.maps.LatLng(ltd, lgd), 
       map: map 
      }); 
     } 
    </script> 
<?php 
for ($i = 1; $i <= 4; $i++) { 
    echo "map n:" . $i . "<br/>"; 
    ?> 
    <div id="map_canvas<?php echo $i ?>" 
     style="margin-top:18px; width: 136px; height: 136px;"></div> 
    <script> 
    google.maps.event 
    .addDomListener(window, 
        'load', 
        function() 
        { 
        initialize(36.835769, 
           10.247693, 
           'map_canvas<?php echo $i;?>')}); 
    </script> 
    <?php 
} 
?>

出典

2012-05-11 21:30:14

ありがとうたくさんの男:) – Houx

Googleマップapi v3の問題

答えて

関連する問題