Kml y KMZ con imagenes dentro 🗺️ Foro Ficheros KMZ, KML y Rutas 🗺️ p16 🗺️

Jlbenito · 22-07-2011

Muchas gracias licaon. Estuve mirando la documentación a fondo y me encontre con la 'sorpresa' de que el atributo solo admitia dos metodos el 'href' y el 'type', en cambio el metodo 'target' no lo contemplaba. Por otro lado habia usado el "new GPolyline" del API de Google no me dejaba introducir los eventos de ventana. ¿Estoy en lo correcto? Por otro lado, me mirare el tema de Fusion Tables de Google.

_polifemo · 27-11-2009

Hola jlbenito:

aprovecho para "avisarte" sobtre los problemas de compatibilidad entre muchas etiquetas del lenguaje kml y el Api de Gmaps.

Te recomiendo echar un ojo a aquí, si no lo has hecho ya.

Un saludo.

Licaon · 18-07-2011

jlbenito
Copia el siguiente código y guárdalo como html.
Hay dos "polyline" senzillos clickables y cada uno con su ventana informativa.
Espero que te sirva para tu mapa y solucione el problema de cargar el nuevo mapa en la misma ventana del navegador.

<html >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Clickable Polyline</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=abcdef" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.444, -122.1419), 14);

function createClickablePolyline(polyline,myhtml) {
var line = polyline;
GEvent.addListener(line, "click", function(latlng){ map.openInfoWindowHtml(latlng, myhtml); });
return line;
}
var polyline = new GPolyline([
new GLatLng(37.4419, -122.1419),
new GLatLng(37.4519, -122.1519)
], "#ff0000", 5);
var myhtml = '<h2>Nombre 1</h2><a href="">Link1</a>';
var line1 = createClickablePolyline(polyline,myhtml)
map.addOverlay(line1);

var polyline = new GPolyline([
new GLatLng(37.44, -122.1419),
new GLatLng(37.45, -122.1519)
], "#0000ff", 5);
var myhtml = '<h2>Nombre2</h2><a href="">Link2</a>';
var line2 = createClickablePolyline(polyline,myhtml)
map.addOverlay(line2);
}
</script>
</head>

<body onload="initialize()">
<div id="map_canvas" style="width: 500px; height: 300px"></div>
</body>
</html>

La solución la encontré en esteenlace

un saludo

Jlbenito · 22-07-2011

Muchas gracias .... era justo lo que estaba buscando ....