Con una ubicación privilegiada, entre el mar y la montaña, Toulón es la capital económica del departamento de Var. Una ciudad universitaria y joven que cuenta con un sinfín de museos, salas de concierto, teatros e incluso una ópera, que por cierto es una de las más famosas de Francia después de la de la Bastilla o la Ópera Garnier.
El codigo de geolocalizacion funciona bien, detecta la posicion del usuario segun la lat y log; Pero necesito que en una infowindow que imprima el nombre de la ciudad.
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
El codigo de geolocalizacion funciona bien, detecta la posicion del usuario segun la lat y log; Pero necesito que en una infowindow que imprima el nombre de la ciudad.
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
output.innerHTML = '<p>Latitude is ' + latitude + '° <br>Longitude is ' + longitude + '°</p>';
map.setCenter(pos); var service = new google.maps.places.PlacesService(map);
}, function() {
handleLocationError(true, infoWindow, map.getCenter());
Buenas a todos. Estoy teniendo serios problemas para migrar la aplicación que he desarrollado. Solo hay que ver la cantidad de mensajes que he escrito relacionado con el tema.
Esta vez necesito saber cómo crear un camino de un origen a un destino a través de las coordenadas. Exactamente lo mismo que hace google maps cuando clickeas con el botón derecho en el mapa y seleccionas "Ruta desde aquí" y "Ruta hasta aquí" He intentado lo siguiente:
var request = {
origin:"<%=coordOrig%>,
destination:"<%=coordDest%>",
travelMode: google.maps.TravelMode.WALKING
}; var directionsService = new google.maps.DirectionsService(); var directionsDisplay = new google.maps.DirectionsRenderer();
siendo coordOrig y coordDest dos variables jsp que contienen dos cadenas con las coordenadas del lugar origen y el lugar destino. Pero me sale en el mapa el origen y el destino... Leer más ...
Lo que pasa que al intentar cargar un kml desde un servidor externo (usar el link vinculado a la pagina) al mio, me lo carga de manera correcta , pero al intentar vincular un kml guardado en mi misma carpeta raiz no me lo carga...
¿Alguien sabe el por que?
No importa si uso la api de google earth o la de google maps, me interesa que el kml me lo cargue desde mi propio servidor y no de uno externo, de igual forma, no importa si es tengo que pagar por alguna licencia, me interesa saber si se puede o no cargar...
Y una extra... es saber si puedo generar kml desde la misma api de google maps/earth!
Muchísimas gracias de antemano!!
PD. Uso la api de google maps en este momento y asi cargo mis direcciones al servidor externo
for(var i=0;i<direcciones.length;i++)
{
new google.maps.KmlLayer(""+direcciones).setMap(map);
}
<% String [] latlng =coord[0].split(",");
Double lat = Double.parseDouble(latlng[0]);
Double lng = Double.parseDouble(latlng[1]);
%> var madrid = new GLatLng(<%=lat%>,<%=lng%>);
Evidentemente enteros con decimales no existen. Esto es lo que pasa cuando llevas unas horas intentando sacar lo mismo.
Muy buenas a todos. Tengo un pequeño problema a ver si alguien poeude ayudarme.
Necesito dibujar Gpolyline y unos GMarker de los cuales obtengo la coordenadas para sus constructores desde una BBDD. He probado a hacer lo siguiente:
for (j=1;j<=<%=coord.length%>;j++){
if (j=1) var marker1 = new Marker(<%=coord%>,G_DEFAULT_ICON,false); var marker = new GMarker(<%=coord%>,G_DEFAULT_ICON,false); var polyline = new GPolyline([<%=coord%>,<%=coord%>],#FF0000", 20, 1);
pero esto no me funciona. Creo que es porque lo que obtengo de la BBDD (coord que es String) no es de tipo GLatLng. ¿Hay alguna manera de convertirlo a este tipo de variable?
La siguiente función recibe como parámetro las coordenadas del marker y crea uno nuevo con nombre y eventos distintos según sea el valor capturado en la variable "nombre".
Por ejemplo, si captura Copenhague, creará el Gmarker de nombre "Marker_Conpenhague", con su Infowinow "infowindow_Copenhague" y un evento "click" relacionado directamente con este marker que activa solo el infowindow correspondiente.
function crea_marker_array(posicion){ var nombre = document.getElementById("nombre_destino").value; var titulo = nom_viaje; var descripcion = document.getElementById("descripcion").value; var contentString='<div id="content">'+
'<div id="siteNotice"></div>'+
'<h3 id="firstHeading" class="firstHeading"><CENTER>'+nombre+' / '+titulo+'</CENTER></h3>'+
'<div id="bodyContent">'+
'<HR>'+
'<p><CENTER>'+descripcion+'</CENTER></p>'+
'<CENTER><A HREF="http://www.unapaginaweb.com"target="_blank"><IMG SRC="http://www.rutadondealojamoslaimagen.jpg"></CENTER>'+
'</A>'+
'</div>';
eval("var infowindow_"+nombre+" = new... Leer más ...
POngo esto por si a alguien más le sirve de ayuda, finalmente lo conseguí así: var html= .....
onclick=\"saveData(marker,document.f.dir[0].checked,document.f.dir[1].checked,document.f.extra.value) </form>";
1.- Así es trabajo con el APi de GMaps.
2.- Efectivamente tengo un evento que me captura las pulsaciones en el mapa y me dibuja una marca. Al pulsar el marker, se me abre la ventana asociada a este marker. Este es el código:
function saveData(mark){ var indicaciones;
// alert("SI");
mark.closeInfoWindow();
alert(mark);
indicaciones.push(mark);
}
function principal{
//...eventos variables y demás cosas
var html = "Derecha: <input type='radio' id= 'dirDer' value='Derecha'/><br>
Izquierda:<input type='radio' id= 'dirIzq' value='Izquierda'/> <br>
Otra indicación: <input type='text' id='extra' name = 'extra'/> <br>
<input type='button' value='Guardar' onclick='saveData(marker)'/>"
Al pulsar el botón yo quiero coger en la función savedata que es lo que marcó el usuario. Y si escribió algo.
He estado probando con el método que me has dicho, pero tampoco sé usarlo... Leer más ...
Gracias _polifemo por tu ayuda, voy a ver los del kml, quizas pueda ayudarnos a entender un poco si pongo el codigo del mapa de la otra pagina, donde sí se incluye el mapmaker:
<script type="text/javascript">//<![CDATA[ var tst44_00exz_0=document.getElementById('googlemap44_00exz_0'); var tstint44_00exz_0; var map44_00exz_0; var mySlidemap44_00exz_0; var overviewmap44_00exz_0; var overmap44_00exz_0; var xml244_00exz_0; var imageovl44_00exz_0; var directions44_00exz_0;
var proxy = 'http://..../plugins/content/plugin_googlemap2_proxy.php?';function CancelEvent44_00exz_0(event) { var e = event;
if (typeof e.preventDefault == 'function') e.preventDefault();
if (typeof e.stopPropagation == 'function') e.stopPropagation();
if (window.event) {
window.event.cancelBubble = true; // for IE
window.event.returnValue = false; // for IE
}
}
function checkMap44_00exz_0()
{
if (tst44_00exz_0)
if (tst44_00exz_0.offsetWidth... Leer más ...
function moveToDarwin() { var lat = "-28.6445"; var long = "-65.1244"; var darwin = new google.maps.LatLng(parseFloat(lat),parseFloat(long... Leer más ...
He estado investigando la versión 3 y, efectivamente, no hay problema en el centrado (muy bien polifemo) pero como me temía para los tracks con el api loadgpx.4 no funciona, ya que utiliza la versión 2.
He intentado coger el primer punto del tag <coordinates> pero no consigo acceder al fichero desde javascript var request = GXmlHttp.create();
request.open("GET",path, true);
kmlDoc = request.responseXML; var trackpoint = kmlDoc.getElementsByTagName("coordinates");
En firefox me da error que kmlDoc no tiene propiedades.
Alguien me puede ayudar en cómo acceder al fichero xml y conseguir la pirmera coordenada del track?
Gracias
Ante todo, gracias por la ayuda.
El tema de la versión 2 es que utilizo para mostrar los tracks gpx funciones que ya están hechas y utiliza esta version (loadgpx.4.js), aunque si la versión 3 permite mostrar los tracks en diferentes formatos sería una buena ocasión para cambiar.
Programo en java y javascript no lo domino mucho (tengo problemas sobre todo con el DOM). Los métodos que me dices ya los he probado y no me devuelven nada (me parece que el fichero no se carga, ya que puse una sentencia if para probar y siempre se iba hacia el fichero no cargado (geoXml.hasLoaded())
¿Falta algo aquí para que coja en defaultCenter?
var geoXml = new GGeoXml("http://...track.kml");
map.setCenter(geoXml.getDefaultCenter(), geoXml.getDefaultBounds());
map.addOverlay(geoXml);
Gracias, pero no veo como puede solucionarme el problema. La gente pone en el servidor sus ficheros, que pueden ser en formato gpx o kml. Cuando quieren ver una ruta, la selecccionan y automáticamente escoge el fichero del track y lo muestra en un div con el google maps.
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(0,0),2); var geoxml = new geoxml("http:/www.miservicor/ruta.kml");
map.addOverlay(geoxml);
Aquí me aparece medio mundo y si acerco el zoom puedo ver la ruta.El problema es que no sé como conseguir las coordenas de la ruta kml para que ya me salga la ruta.
Gracias
Islas Hyères
La comuna francesa de Hyères se localiza en el departamento de Var y en la región de Provenza-Alpes-Costa Azul, con una extensión de unos 132,28 kilómetros de superficie y una población que ronda los 54.900 habitantes. Dicha comuna incluye numerosas islas menores y diversos islotes conocidos por el nombre de îles d’Or, pero principalmente agrupa la península de Giens con las llamadas islas de Hyères, las cuales son la isla du Levant, la isla Porquerolles y Port-Cros.
Se trata de una zona muy turística porque es una de las más interesantes y curiosas de todo el país. A esta zona llegan miles y miles de turistas a lo largo del año, pero también miles diarios. Y es que Hyères se dedica principalmente al turismo de mar, de playas y de sol.
- Porquerolles. La isla más turística de todo Hyères es Porquerolles, declarada Parque Natural, por lo que la construcción de casas ya se encuentra prohibida.
El pueblo ha sido construido a mediados del siglo XIX , por la administracion militar y no se presenta como un pueblo Provenzal. El fuerte Sainte- Agathe, con una magnÍfica vista, desde su terraza, hacia las playas del este, los macizos arbolados del... Leer más ...
...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... Leer más ...
function init() { var content = document.getElementById('content');
google.earth.createInstance('content', initCallback, failureCallback);
}
function initCallback(instance) {
ge = instance;
ge.getWindow().setVisibility(true);
ge.getNavigationControl().setVisibility(ge.VISIBILITY_SHOW... Leer más ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Inclinación de la vista al acercarse al suelo</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="http://www.google.com/jsapi?key=ABQIAAAArCZgeQ8ddm8YbeJQqqHN5BTYrZjdppbykE52CdH9dtH9wJ0VsBQSgm6ZbaTJsaMARyyYkz_JttmHMQ"></script>
<script type="text/javascript">
google.load("earth", "1"); var ge = null;
function init() {
google.earth.createInstance("map3d", initCB, failureCB);
}
function initCB(instance) {
ge = instance;
ge.getWindow().setVisibility(true);
ge.getOptions().setStatusBarVisibility(true);
ge.getNavigationControl().setVisibility(ge.VISIBILITY_SHOW);
var lookAt = ge.createLookAt('');
lookAt.setLatitude(40.417042);
lookAt.setLongitude(-3.700000);
lookAt.setRange(5000.0);
ge.getView().setAbstractView(lookAt);
}
function failureCB(object) {
alert('Error');
}
</script>
</head>
<body onload='init... Leer más ...