2012-06-22 23 views

Respuesta

45

Puede encontrar el código jsfiddled aquí: http://jsfiddle.net/YphZw/ o por debajo de:

$("#btn").click(function(){ 
 
      var geocoder = new google.maps.Geocoder(); 
 
    geocoder.geocode({ 'address': 'miami, us'}, function(results, status) { 
 
      if (status == google.maps.GeocoderStatus.OK) { 
 
      alert("location : " + results[0].geometry.location.lat() + " " +results[0].geometry.location.lng()); 
 
      } else { 
 
      alert("Something got wrong " + status); 
 
      } 
 
     }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
<head> 
 
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> 
 
</head> 
 
<body> 
 
    <input id="btn" type="button" value="search for miami coordinates" /> 
 
</body> 
 
</html>

Si desea más ejemplos para la API de Javascript, pruebe este enlace: https://developers.google.com/maps/documentation/javascript/examples/

El código que escribí está inspirado en geocoding-simple muestra.

Atentamente.

EDIT 1:

se puede lograr usando una biblioteca no oficial de PHP. Compruebe este ejemplo: http://www.bradwedell.com/phpgooglemapapi/demos/geocoding.php (El código es en la parte inferior =

+0

¿Hay alguna manera de hacer lo mismo con PHP? Gracias – lisovaccaro

12

puede utilizar el servicio de geocodificación de Google, por ejemplo,

http://maps.googleapis.com/maps/api/geocode/xml?address=Miami+FL&sensor=false

Eso le da los datos georreferenciados de vuelta en una variedad de formatos (JSON, XML, etc.). En cualquier caso, la ubicación está definitivamente en el bloque de datos devuelto.

Los documentos de la API se encuentra en:

https://developers.google.com/maps/documentation/geocoding/

+0

Las API Docs' diste arriba y el método que ha descrito se trata de Google Maps API de servicios Web y no uno del Javascript. – Zakaria

+0

Doh! Lo sentimos, pero el enlace a la API de JS (muy similar) está en esa página. – debracey

2

Esto parece innecesariamente complicado Aquí hay un ejemplo "eventos cercanos" mapa Se llevará a City, State s, convertirlos a latLng coords, y poner marcadores en una.. mapa:.

// Nearby Events with Google Maps 
window.nearbyEventsMap =() => { 
    const centerOfUS = { 
     lat: 37.09024, 
     lng: -95.712891 
    } 

    // Create a map object and specify the DOM element for display. 
    const map = new google.maps.Map(document.querySelector('#nearby_events_map'), { 
     center: centerOfUS, 
     scrollwheel: false, 
     zoom: 4 
    }) 

    // Create a marker and set its position. 
    const geocoder = new google.maps.Geocoder() 

    // Filter out duplicate cityStates 
    let cityStates = {} 
    document.querySelectorAll('.nearby_event_city_state').forEach(event => { 
     cityStates[event] = event.innerText 
    }) 

    // `cityState` is in the format of "City, State". It's not picky about state being a word or the abbreviation. 
    for (const cityState in cityStates) { 
     const location = cityStates[cityState] 

     geocoder.geocode({ 
      address: location 
     }, function (results, status) { 
      if (status === 'OK') { 
       const result = results[0].geometry.location 
       const lat = result.lat() 
       const lng = result.lng() 
       const latLng = { 
        lat, 
        lng 
       } 

       return new google.maps.Marker({ 
        map: map, 
        position: latLng 
       }) 
      } 
     }) 
    } 
} 
// /Nearby Events with Google Maps 

Asegúrese de incluir sus etiquetas <script>

<script src="/dist/js/main.js"></script> 

<!-- We're loading this after the main.js script so the callback from main.js will be available to it. --> 
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=nearbyEventsMap"></script> 

Stackoverflow favor unirse a todos los demás y g et GitHub rebaja con resaltado de sintaxis ... link

Cuestiones relacionadas