0

Web ページに埋め込まれた Google マップを使用しています。ボタン クリック イベントを作成したいので、ユーザーが txtBoxMaps というテキスト ボックスに住所を入力した後、新しい場所を表示するボタンをクリックできます。使用してみました: google.maps.event.addDomListener(window, 'click', Initialize); しかし、それは何もしないようです。

以下は私のコードです：

<script type="text/javascript">

function Initialize() {

var mapOptions = {
            center: new google.maps.LatLng(-33.01, 27.9),
            zoom: 13,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById('GMap1'), mapOptions);

        var input = document.getElementById('txtBoxMaps');

        });

    }

    google.maps.event.addDomListener(window, 'load', Initialize);



</script>



<input type="text" id="txtBoxMaps"/>

        <div id="GMap1" style="height: 240px; width:570px" ></div>
4

1 に答える 1

0

ボタンにリスナーを配置し、コードを使用してその時点でフィールドの値を取得する必要があります。 var input = document.getElementById('txtBoxMaps').value;

その時点で、その住所をジオコーディングし、マップの中心を新しい場所に設定できます。

function getGeocode() {
  var input = document.getElementById("txtBoxMaps").value;
  geocoder.geocode( { 'address': input}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      map.setCenter(results[0].geometry.location);
    }
  });

https://developers.google.com/maps/documentation/javascript/geocodingのジオコーディングに関するドキュメントを参照してください。

于 2013-08-28T18:17:02.493 に答える