Imprimir Página - Mostrar ip en mapa, con ajax

Título: Mostrar ip en mapa, con ajax
Publicado por: larezaka en 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

<!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.

Título: Re: Mostrar ip en mapa, con ajax
Publicado por: engel lex 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 (https://developers.google.com/maps/documentation/javascript/reference?hl=es)

busca lo que necesites y si no lo entiendes avisa

Título: Re: Mostrar ip en mapa, con ajax
Publicado por: el-brujo en 12 Julio 2013, 22:50 pm

mira el localizador de la web, te dará muchas pistas.

Lo programó WHK por si te interesa.

Título: Re: Mostrar ip en mapa, con ajax
Publicado por: 1mpuls0 en 12 Julio 2013, 23:27 pm

Cita de: engelx en 12 Julio 2013, 21:40 pm

?? :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.

Título: Re: Mostrar ip en mapa, con ajax
Publicado por: larezaka en 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

<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

<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.

Título: Re: Mostrar ip en mapa, con ajax
Publicado por: 1mpuls0 en 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.

Foro de elhacker.net

Programación => PHP => Mensaje iniciado por: larezaka en 12 Julio 2013, 20:30 pm