2017-05-14 5 views
-1

私は、ユーザーの現在の緯度と経度を取得するには、Googleマップを使用する:ユーザーがマーカーを変更する必要がありますどのようにGoogleマップマーカーを移動して取得し、現在の緯度と経度

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCfbbmUkl56UuSeZ5nSOwsKTNxplmnheuU&callback=initialize&language=en" async defer></script> 

をし、私が手新しい緯度と経度。

これは可能ですか?

+1

次の指示を読み、申請してくださいするのに役立ちます(http://stackoverflow.com/help/how-to-ask)と[完璧な質問](http://codeblog.jonskeet.uk/2010/08/29/writing-the-perfect-question/)!質問を改善すると、私たちがあなたを助ける機会が増えます! –

+0

複製可能[JavaScriptで地図上のドラッグ可能なマーカーの緯度と経度をHTML形式で取得できますか?](http://stackoverflow.com/questions/27156233/is-it-possibleマップ上のドラッグ可能なマーカーの緯度と経度を取得する – geocodezip

+0

マーカをドラッグすると[Lat、Lngは更新されません](http:// stackoverflow .com/questions/33480496/lat-lng-doesnt-update-i-drag-marker) – geocodezip

答えて

2

HTMLジオロケーションメソッドを使用してユーザーの場所を自動的に検出するコードスニペット。このアプリケーションを実行し、適切なGoogleマップAPIリンクを提供し、APIキーを最もインポテンツにするときは、ブラウザが場所を有効にしていることを確認してください。ここにはMDN Using geolocationというリンクがあります。ここでは、ジオロケーションとブラウザサポート情報について詳しく知ることができます。

<!DOCTYPE html> 
<html> 

<body> 

    <p>Click the button to get your coordinates.</p> 

    <button onclick="getLocation()">Click Me to show Your Location.</button> 

    <div id="map" style="width:100%;height:500px"></div> 

    <script> 
     function getLocation() { 
      if (navigator.geolocation) { 
       navigator.geolocation.getCurrentPosition(showPosition); 
      } else { 
       alert("Geolocation is not supported by this browser."); 
      } 
     } 
     function showPosition(position) { 
      var lat = position.coords.latitude; 
      var lng = position.coords.longitude; 
      var myCenter = new google.maps.LatLng(lat, lng); 
      var mapCanvas = document.getElementById("map"); 
      var mapOptions = { 
       center: myCenter, 
       zoom: 5 
      }; 
      var map = new google.maps.Map(mapCanvas, mapOptions); 
      var marker = new google.maps.Marker({ 
       position: myCenter 
      }); 
      marker.setMap(map); 
      // Zoom to 9 when clicking on marker 
      google.maps.event.addListener(marker, 'click', function() { 
       map.setZoom(9); 
       map.setCenter(marker.getPosition()); 
      }); 
     } 
    </script> 
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&callback=myMap"></script> 

</body> 

</html> 

・ホープ、これは[どのように良い質問をする]あなたは

+0

マーカーアイコンを変更できますか? –

+0

Googleマップには、Ex - Marker、Polyline、Polygon、Info Windows、Customオーバーレイなど、いくつかのタイプのオーバーレイがあります。それを変更したい場合は、かなりシンプルです。この[W3School Link](https://www.w3schools.com/graphics/google_maps_overlays.asp)を参照してください。これが役立つと思います - @ S.M_Emamian –

関連する問題