html - w3schools - ¿La forma más simple de hacer un mashup de Google Map?
google maps w3schools (5)
Dada una lista de lugares 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 fácil de generar un mapa de Google con marcadores para cada ubicación?
Pruebe esto: http://www.google.com/uds/solutions/wizards/mapsearch.html
Es un asistente de google maps que generará el código para 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
Creo que se necesitaría más información para realmente darte una respuesta, pero en Django Pluggables hay un plugin django-googlemap que podría ser de ayuda.
Editar: Adam tiene una respuesta mucho mejor. Cuando dudes, mira los ejemplos API.
Mira los ejemplos de la API de Google Maps. Lo 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 idiomas.
Aquí hay algunos enlaces, pero como con la mayoría de las cosas, aún no los he podido probar.
http://gathadams.com/2007/08/21/add-google-maps-to-your-net-site-in-10-minutes/
Saludos John
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 latitud (lat) y 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 Lat y Lng para cada ciudad, puede usar el Geo Coder de Google. Aquí hay 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 solo crearía una serie de GLatLng de cada ciudad desde el GeoCoder y luego los dibujaré en el mapa.