¿La forma más sencilla de crear una combinación de mapas de Google?
-
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?
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/
Salud a John