elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: (TUTORIAL) Aprende a emular Sentinel Dongle By Yapis


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  PHP (Moderador: #!drvy)
| | | |-+  Mostrar Mapa, mediante la ip
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Mostrar Mapa, mediante la ip  (Leído 1,602 veces)
larezaka

Desconectado Desconectado

Mensajes: 18


Ver Perfil
Mostrar Mapa, mediante la ip
« en: 7 Julio 2013, 01:25 am »

Gente,

Los molesto con un asunto que no comprendo del todo.
Esoty realizando parte de una pagina donde el usuario puede ver su localizacion, mediante la ip.
Yo tengo una clave con api para utilizar en un codigo que usa google maps para mostraslo, no encuentro un codigo lo suficientemente sencillo, solo veo codigos con paramtros que no explican.

Tengo este pero muestra unas leyendas, yo solo quiero un mapa simple, no con todo esas leyendas.

Código
  1. <!-- BEGIN: GeoIPView.com IP Locator -->
  2. <script type="text/javascript" src="http://api.geoipview.com/api.php?t=1&amp;lang=es&amp;w=230&amp;h=300&amp;bg=ECDDC0&amp;bd=8DADCC&amp;tx=222222"></script><br>
  3. Motorizado por <a href="http://es.geoipview.com" title="Ver Dirección de Geo IP">GeoIPView</a>
  4. <!-- END: GeoIPView.com IP Locator -->
  5.  

No pretendo que me hagan la tarea, yo tengo el sitio casi cocinado, pero esto no me queda del todo claro, ya que habilite la api pero ando necsitando un codigo simple para insertarlo.

Gracias Camaradas.


En línea

larezaka

Desconectado Desconectado

Mensajes: 18


Ver Perfil
Re: Mostrar Mapa, mediante la ip
« Respuesta #1 en: 7 Julio 2013, 03:42 am »

Ya encontre algo que puede servir, toma la api sin la clave.
Se los comparto, por ahi les sirve en algun momento.

Código
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4.  
  5. <style type="text/css">
  6.  html { height: 100% }
  7.  body { height: 100%; margin: 0px; padding: 0px }
  8.  #map_canvas { height: 100% }
  9. </style>
  10. <script type="text/javascript"
  11.    src="http://maps.google.com/maps/api/js?sensor=true">
  12. </script>
  13. <script type="text/javascript">
  14.  function initialize(location) {
  15.    var latlng = new google.maps.LatLng(location.coords.latitude,location.coords.longitude);
  16.    var myOptions = {
  17.      zoom: 19,
  18.      center: latlng,
  19.      mapTypeId: google.maps.MapTypeId.ROADMAP
  20.    };
  21.    var map = new google.maps.Map(document.getElementById("map_canvas"),
  22.        myOptions);
  23. var marker = new google.maps.Marker({
  24.      position: latlng,
  25.      map: map,
  26.      title:"Mi ubicacion."
  27.  });  
  28.  }
  29.  
  30. </script>
  31. </head>
  32. <body onload="navigator.geolocation.getCurrentPosition(initialize);">
  33.  <div id="map_canvas" style="width:30%; height:50%"></div>
  34. </body>
  35. </html>
  36.  

Saludos


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines