Mostrar ip en mapa, con ajax

Iniciado por larezaka, 12 Julio 2013, 20:30 PM

0 Miembros y 2 Visitantes están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

larezaka

12 Julio 2013, 20:30 PM
Hola gente, hace uno dias yo habia consultado de una forma, de mostrar un mapa mediate la ip del usuario donde se conecta, encontre un codigo que me lo hacia muy facil por suerte.

Código (php) [Seleccionar]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
   src="http://maps.google.com/maps/api/js?sensor=true">
</script>
<script type="text/javascript">
function initialize(location) {
   var latlng = new google.maps.LatLng(location.coords.latitude,location.coords.longitude);
   var myOptions = {
     zoom: 19,
     center: latlng,
     mapTypeId: google.maps.MapTypeId.ROADMAP
   };
   var map = new google.maps.Map(document.getElementById("map_canvas"),
       myOptions);
var marker = new google.maps.Marker({
     position: latlng,
     map: map,
     title:"Mi ubicacion."
}); 
}

</script>
</head>
<body onload="navigator.geolocation.getCurrentPosition(initialize);">
<div id="map_canvas" style="width:30%; height:50%"></div>
</body>
</html>


Pero ahora necesito otra ayudita.

El caso es qu esoty implementando ajax para acer mas dinamico el sitio, pero cuando ingreso este mapa en un div central, no me figura, solo me funciona si abro el div een otra pestaña.
Tengo entendido, que javascript y ajax no se llevan bien, pero debe existir un metodo para insertarlo, y que me tome la accion.

Lo que hago es cargar los href y link ya sea dentro de el cuerpo principal, asi como en otra carpeta parte para ver si eso lo solucionaba.
Lamentablemente me lo toma como texto plano, e incluso no lo reconoce, como dije solo si lo abro por fuera.

Si alguien sabe alguna forma de implementarlo lo agradeceria.

Saludos Camaradas.

engel lex

#1
12 Julio 2013, 21:40 PM
aqui tienes toda la referencia de las funciones y opciones de la clase google.maps

https://developers.google.com/maps/documentation/javascript/reference?hl=es

busca lo que necesites y si no lo entiendes avisa
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.

el-brujo

#2
12 Julio 2013, 22:50 PM
mira el localizador de la web, te dará muchas pistas.

Lo programó WHK por si te interesa.

1mpuls0

#3
12 Julio 2013, 23:27 PM
Cita de: engelx en 12 Julio 2013, 21:40 PM
aqui tienes toda la referencia de las funciones y opciones de la clase google.maps

https://developers.google.com/maps/documentation/javascript/reference?hl=es

busca lo que necesites y si no lo entiendes avisa

??  :P
Creo que no va por ahí, yo entendí que tiene conflictos entre el js de google y su código de ajax y eso hace que no funcione el geolocalizador.

larezaka
es todo tu código?.

Saludos.
abc

larezaka

#4
13 Julio 2013, 13:42 PM
Gracias por las respuestas,

Justamente, no es todo el codigo, es que mi sitio tiene muchas secciones, intentare resumirlo para que sea presentable asi lo analizamos, justamente el conflicto esta con el google.maps y ajax.

Me surgio una idea, si observo el codigo, yo quite lo siguiente y lo coloque en un archivo .js aparte.

Código (javascript) [Seleccionar]

<script type="text/javascript">
function initialize(location) {
   var latlng = new google.maps.LatLng(location.coords.latitude,location.coords.longitude);
   var myOptions = {
     zoom: 19,
     center: latlng,
     mapTypeId: google.maps.MapTypeId.ROADMAP
   };
   var map = new google.maps.Map(document.getElementById("map_canvas"),
       myOptions);
var marker = new google.maps.Marker({
     position: latlng,
     map: map,
     title:"Mi ubicacion."
}); 
}

</script>


par evitar que php solo lo traiga con un link, pero no se como hacer para que el enlace :

Código (javascript) [Seleccionar]

<script type="text/javascript"
   src="http://maps.google.com/maps/api/js?sensor=true">
</script>


este puedo ejecutar en un archivo .js y lo pueda traer a el php, asi no tiene conflictos con el ajax., no se como hacerlo, si me dan una mano se los agradeceria.

Saludos.

1mpuls0

#5
15 Julio 2013, 18:21 PM
Es que precisamente por eso necesito ver todo tu codigo para saber exactamente donde está el problema y como poder solucionarlo.

De qué forma muestras tu mapa en el div?, con código html o utilizas Ajax o Jquery para cargarlo en el div?.

Saludos.
abc
Imprimir
Ir Arriba Páginas1
Acciones del Usuario