¿La forma más sencilla de crear una combinación de mapas de Google?

StackOverflow https://stackoverflow.com/questions/15247

  •  08-06-2019
  •  | 
  •  

Pregunta

Dada una lista de ubicaciones como

<td>El Cerrito, CA</td>
<td>Corvallis, OR</td>
<td>Morganton, NC</td>
<td>New York, NY</td>
<td>San Diego, CA</td>

¿Cuál es la forma más sencilla de generar un mapa de Google con chinchetas para cada ubicación?

¿Fue útil?

Solución

Supongo que ya tiene los conceptos básicos de Maps en su código con su clave API.

<head>
  <script 
   type="text/javascript"
   href="http://maps.google.com/maps?
         file=api&v=2&key=xxxxx">
  function createMap() {
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(37.44, -122.14), 14);
  }
  </script>
</head>
<body onload="createMap()" onunload="GUnload()">

Todo en Google Maps se basa en la latitud (lat) y la longitud (lng).
Entonces, para crear un marcador simple, simplemente creará un GMarker con lat y lng.

var where = new GLatLng(37.925243,-122.307358); //Lat and Lng for El Cerrito, CA
var marker = new GMarker(where); // Create marker (Pinhead thingy)
map.setCenter(where); // Center map on marker
map.addOverlay(marker); // Add marker to map

Sin embargo, si no desea buscar la latitud y la longitud de cada ciudad, puede utilizar Geo Coder de Google.He aquí un ejemplo:

var address = "El Cerrito, CA";
var geocoder = new GClientGeocoder;
geocoder.getLatLng(address, function(point) {
  if (point) {
    map.clearOverlays(); // Clear all markers
    map.addOverlay(new GMarker(point)); // Add marker to map
    map.setCenter(point, 10); // Center and zoom map on marker
  }
});

Así que simplemente crearía una serie de GLatLng de cada ciudad desde GeoCoder y luego los dibujaría en el mapa.

Otros consejos

Revisar la Ejemplos de API de Google MapsLo hacen bastante simple y su documentación API es excelente.La mayoría de los ejemplos son para hacer todo el código en JavaScript en el lado del cliente, pero también hay API disponibles para otros lenguajes.

Supongo que se necesitaría más información para realmente darle una respuesta, pero en Django Pluggables hay una complemento django-googlemap eso podría ser de ayuda.

Editar: Adam tiene una respuesta mucho mejor.Cuando tenga dudas, mire los ejemplos de API.

Prueba esto: http://www.google.com/uds/solutions/wizards/mapsearch.html

Es un asistente de Google Maps que generará el código por usted.No es lo mejor para su aplicación;pero es un buen lugar para "mojarse los pies";)

Editar:(encontré el enlace), Aquí hay un buen tutorial paso a paso de la API de Google Maps.

¡Buena suerte!

/mp

Aquí hay algunos enlaces, pero como ocurre con la mayoría de las cosas, todavía no he podido probarlos.

http://gathadams.com/2007/08/21/add-google-maps-to-your-net-site-in-10- Minutes/

http://www.mapbuilder.net/

Salud a John

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top