1

多くの調査の結果、新しいウィンドウを開くときに InfoWindow を閉じることができない理由を特定できないようです。これまでに試したことはすべて、InfoWindow がまったく表示されないという結果になりました。

ここで提案を試みました: Google Map API v3 ~ 単に情報ウィンドウを閉じますか? と他の場所ですが、それがこの問題の原因であることに気付いていないことが問題なのだろうかと思っています。確かに、これは他の情報源からまとめられています。あなたの助けに感謝します。

    <html>
  <head>

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>
    <link href="https://code.googleapis.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script> 
    var geocoder;
  var map;
  var infoWindow;


  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(37.77014301036805, -79.48862973916635);
    var mapOptions = {
      zoom: 12,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

  }

  function codeAddress() {

    var address = document.getElementById("address").value;
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var loc=[]; // no need to define it in outer function now
        loc[0]=results[0].geometry.location.lat();
        loc[1]=results[0].geometry.location.lng();
                var content = '<div id="infoWindow"><iframe src="http://inside.handp.com/map2.php?';
        content += 'latitude=' + results[0].geometry.location.lat()+ '&';
        content += 'longitude=' + results[0].geometry.location.lng()+'" frameborder="0" allowfullscreen scrolling="no"></iframe></div>';


 //      display( loc[0] ); 
        var marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location


        });

        addInfoWindow(marker, content);

      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
  }

    function display( long_lat ){
     alert(long_lat);
  }
  function addInfoWindow(marker, message) {
            var info = message;

            var infoWindow = new google.maps.InfoWindow({content: message});

            google.maps.event.addListener(marker, 'click', function () {

            });

                infoWindow.open(map, marker);

        }

    </script>
    </head>
<body onload="initialize()">
 <div id="map_canvas" style="width: 640px; height: 480px;"></div>
  <div>
    <input id="address" type="textbox" value="Enter Address">
    <input type="button" value="Encode" onclick="codeAddress()">
  </div>
</body>
</html>
4

1 に答える 1