このコードの緯度と経度を取得する方法

Question

ここでは、私は緯度とlogiduteを取得し、私のデータベースに格納したい、私はどのように行うかわからないあなたがアドレスを使用してGoogle MapsのジオコーディングAPIおよびクエリを使用することができますし、APIは、ジオコーディングで応答しますdocumentationで説明したようにいくつかのいずれか

 // This sample uses the Place Autocomplete widget to allow the user to search 
 
     // for and select a place. The sample then displays an info window containing 
 
     // the place ID and other information about the place that the user has 
 
     // selected. 
 

 
     // This example requires the Places library. Include the libraries=places 
 
     // parameter when you first load the API. For example: 
 
     // <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"> 
 

 
     function initMap() { 
 
     var map = new google.maps.Map(document.getElementById('map'), { 
 
      center: {lat: -33.8688, lng: 151.2195}, 
 
      zoom: 13 
 
     }); 
 

 
     var input = document.getElementById('pac-input'); 
 

 
     var autocomplete = new google.maps.places.Autocomplete(input); 
 
     autocomplete.bindTo('bounds', map); 
 

 
     map.controls[google.maps.ControlPosition.TOP_LEFT].push(input); 
 

 
     var infowindow = new google.maps.InfoWindow(); 
 
     var marker = new google.maps.Marker({ 
 
      map: map 
 
     }); 
 
     marker.addListener('click', function() { 
 
      infowindow.open(map, marker); 
 
     }); 
 

 
     autocomplete.addListener('place_changed', function() { 
 
      infowindow.close(); 
 
      var place = autocomplete.getPlace(); 
 
      if (!place.geometry) { 
 
      return; 
 
      } 
 

 
      if (place.geometry.viewport) { 
 
      map.fitBounds(place.geometry.viewport); 
 
      } else { 
 
      map.setCenter(place.geometry.location); 
 
      map.setZoom(17); 
 
      } 
 

 
      // Set the position of the marker using the place ID and location. 
 
      marker.setPlace({ 
 
      placeId: place.place_id, 
 
      location: place.geometry.location 
 
      }); 
 
      marker.setVisible(true); 
 

 
      document.getElementById('place-name').textContent = place.name; 
 
      document.getElementById('place-id').textContent = place.place_id; 
 
      document.getElementById('place-address').textContent = 
 
       place.formatted_address; 
 
      infowindow.setContent(document.getElementById('infowindow-content')); 
 
      infowindow.open(map, marker); 
 
     }); 
 
     } 
 
    
 

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCW8mAAfcRRb4hrB33AWG_Mk71ZtORjOAo&libraries=places&callback=initMap" 
 
     async defer></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<input id="pac-input" class="controls" type="text" 
 
     placeholder="Enter a location"> 
 
    <div id="map"></div> 
 
    <div id="infowindow-content"> 
 
     <span id="place-name" class="title"></span><br> 
 
     Place ID <span id="place-id"></span><br> 
 
     <span id="place-address"></span> 
 
    </div>

Answer 1

私を助けてくださいグーグルマップの新しい統合しています（緯度および経度を含む）を含むことができる。たとえば、次の要求、

curl "https://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&key=YOUR_API_KEY" 

は、あなたが具体的な例hereを見つけることができます

{ 
...  
"geometry" : { 
    "location" : { 
    "lat" : 37.4223664, 
    "lng" : -122.084406 
    }, 
    ... 
}, 
... 
} 

でrepsondます。