2017-09-08 4 views
0

をマップ返し、私のコードは次のとおりです。緯度経度は、空のオブジェクト - Googleが、私はJavaScriptでのGoogleマップを使用するJavaScript API

<script type="text/javascript"> 
    var map; 
    function initialize() { 
     var myLatlng = new google.maps.LatLng(-12.043333,-77.028333); 
     var myOptions = { 
     zoom: 17, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.SATELLITE 
     }; 


     map = new google.maps.Map(document.getElementById('map_canvas'), 
      myOptions); 
     google.maps.event.addListener(map, "mousedown", function (e) { 

         //lat and lng is available in e object 
         var latLng = e.latLng; 
         console.log(latLng); 
        }); 
    } 

    google.maps.event.addDomListener(window, 'load', initialize); 
    </script>` 

e.latLngの結果は空のオブジェクトです。 イベントをクリックしようとしましたが、結果は空です。 私は何をすればいいのですか?あなたのコードが正常に動作している

+0

をご確認ください/maps/documentation/javascript/3.exp/reference#Map)、Mapクラスには「mousedown」イベントはありません。たぶんあなたは代わりに「クリック」を使いたいかもしれません。 – duncan

+0

ロギングしているオブジェクトは 'google.maps.LatLng object'です。 '.lat()'、 '.lng()'、 'to UrlValue()'メソッドを持ち、それらを使ってみてください... [fiddle](http://jsfiddle.net/geocodezip/sx6no99z/) – geocodezip

答えて

1

、地図上をクリックして、あなたの座標はalert

に来るによると、[ドキュメント](https://developers.google.comをhere

+0

それはまだ動作していません:(結果:Object {lat:_.F/this.lat()、lng:_.F/this.lng()}私はlocalhostで作業しています –

関連する問題