0

マップに 2 つの情報ウィンドウを表示するにはどうすればよいですか。

私のコードでは、InfoWindow を 1 つしか開くことができませんが、マップ上に 2 つの InfoWindow を同時に表示するにはどうすればよいでしょうか。私のコードは次のとおりです。

function load() {

    if (GBrowserIsCompatible()) {

        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng( 38.736946, 35.310059), 6);

        map.openInfoWindow(new GLatLng( 38.582526,  42.846680),
        document.createTextNode("Van Gölü"));
    }
}
4

2 に答える 2

1

Google Maps API v2ネイティブ InfoWindow は、マップごとに 1 つだけサポートします。Google Maps API v3では、その制限が取り除かれています。

カスタム InfoWindow を使用するか、アプリケーションを Google Maps API v3 に移行してください。

@duncan が観察したように、Google Maps API v2 は 2010 年 5 月 19 日に正式に廃止され、2013 年 5 月 19 日以降はサポートされなくなります。その API での新規開発は強く推奨されません。

于 2013-02-12T13:56:42.513 に答える
0

このコードは機能しています:

<!DOCTYPE html>
<html>
  <head>
    <META http-equiv=content-type content=text/html;charset=x-mac-turkish>
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100% }
    </style>
 <script src="js/jquery.js"></script>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=mykey&sensor=false">
    </script>
    <script type="text/javascript">
      var map;
function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(39.078908,35.244141),
          zoom: 6,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
            map = new google.maps.Map(document.getElementById("map_canvas"),
            mapOptions);
    infoWindow = new google.maps.InfoWindow();
        var windowLatLng = new google.maps.LatLng(38.668356,33.376465);
        infoWindow.setOptions({
        content: "Tuz Golu",
        position: windowLatLng,
    });
    infoWindow.open(map); 

      infoWindow2 = new google.maps.InfoWindow();
        var windowLatLng2 = new google.maps.LatLng(38.565348,42.868652);
        infoWindow2.setOptions({
        content: "Van Golu",
        position: windowLatLng2,
    });
    infoWindow2.open(map);
}
</script>
  </head>
  <body onload="initialize()">
  <div id="map_canvas" style="width:65%; height:40%"></div>
</body>
</html>
于 2013-02-13T10:36:08.643 に答える