3

私はグーグルマップに不慣れで、単にそれのコツをつかもうとしています。都市や住所を入力してから、地図にそれを読み込んでマーカーを配置できるようにしたいと思います。

現在、地図は最初は正常に読み込まれますが、都市や住所を入力しても何も起こりません。ここで何が起こっているのか分かりますか？

<script type="text/javascript">
var geocoder;
var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlang = new google.maps.LatLng(42, -84);
    var myOptions = {
        center: latlang, zoom: 5, mapTypeId: google.maps.MapTypeId.SATELLITE,
        navigationControlOptions: {
            style: google.maps.NavigationControlStyle.SMALL
        }
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
  }

  function codeAddress() { 
    var sAddress = document.getElementById("newLocation").value;
    geocoder.geocode( { 'address': sAddress}, function(results, status) { 
            if (status == google.maps.GeocoderStatus.OK) {
                map.setCenter(results[0].geometry.location);
                var marker = new google.maps.Marker({
                map: map,
                position: results[0].geometry.location
                });
            }
            else{
            alert("Geocode was not successful for the following reason: " + status);
            }
        });
  }
</script>
</head>
  <body onload="initialize()">
    Address: <input type="text" id="newLocation" style=" width:200px" title="Address to Geocode" />     
    <input type="button" onclick="codeAddress()" id="inputButtonGeocode" style="width:150px" title="Click to Geocode" value="Geocode" />
    <div id="map_canvas" style="width:100%; height:100%"></div>
  </body>
</html>
4

1 に答える 1

4

行で

var map = new google.maps.Map(document.getElementById("map_canvas")...

単語を削除しますvar。これは、機能的にローカルスコープで作成mapされ、ジオコーディング関数は前の（空の）map変数のみを参照するためです。それを削除することにより、グローバルmap変数はこの新しいグーグルマップに更新されます。

于 2012-05-21T02:44:48.897 に答える