comment
IRC Chat
play_arrow
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

[Tutorial] Como crear un google maps con marcadores

  • 5 Respuestas
  • 1837 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado graphixx

  • *
  • Moderador
  • Mensajes: 1274
  • Actividad:
    31.67%
  • Reputación 18
  • Científico de BIG DATA
    • Ver Perfil
    • Sistemas y Controles
« en: Agosto 27, 2014, 05:14:18 pm »

Para obtener la posicion de longitud y latitud del sitio:
No tienes permisos para ver links. Registrate o Entra con tu cuenta

Crear el google maps:
No tienes permisos para ver links. Registrate o Entra con tu cuenta
No tienes permisos para ver links. Registrate o Entra con tu cuenta

Ejemplo:
Código: Javascript
  1. <html>
  2. <head>
  3. <script type="text/javascript"
  4.     src="http://maps.google.com/maps/api/js?sensor=false">
  5. </script>
  6. <script type="text/javascript">
  7.   function initialize() {
  8.     var position = new google.maps.LatLng(6.206162,-75.570661);
  9.     var myOptions = {
  10.       zoom: 16,
  11.       center: position,
  12.       mapTypeId: google.maps.MapTypeId.ROADMAP
  13.     };
  14.     var map = new google.maps.Map(
  15.         document.getElementById("map_canvas"),
  16.         myOptions);
  17.  
  18.     var marker = new google.maps.Marker({
  19.         position: position,
  20.         map: map,
  21.         title:"This is the place."
  22.     });
  23.  
  24.     var contentString = '<strong>Endocrino</strong> Centro de especialistas.';
  25.     var infowindow = new google.maps.InfoWindow({
  26.         content: contentString
  27.     });
  28.  
  29.     google.maps.event.addListener(marker, 'click', function() {
  30.       infowindow.open(map,marker);
  31.     });
  32.  
  33.   }
  34.  
  35. </script>
  36. </head>
  37. <body onload="initialize()">
  38.   <div id="map_canvas" style="width:425px; height:350px"></div>
  39. </body>
  40. </html>
  41. <span>CALLE 7 N  39-197 PISO 11 CONSULTORIO 11-12</span>
« Última modificación: Agosto 27, 2014, 05:17:26 pm por Jimeno »
No tienes permisos para ver links. Registrate o Entra con tu cuenta

Desconectado hielasangre

  • *
  • Underc0der
  • Mensajes: 127
  • Actividad:
    6.67%
  • Reputación 0
    • Ver Perfil
« Respuesta #1 en: Agosto 27, 2014, 05:20:02 pm »
No me gusta mucho google maps! Conoces Open street map? Buen tip el que pasaste +1 :)

Desconectado blackdrake

  • *
  • Co Admin
  • Mensajes: 1913
  • Actividad:
    6.67%
  • Reputación 15
    • Ver Perfil
« Respuesta #2 en: Agosto 27, 2014, 07:34:26 pm »
Muchas gracias graphixx, es bastante útil, además, mucha gente no sabe como poner los datos y de hecho es muy sencillo!

Un saludo.



Desconectado Snifer

  • *
  • Underc0der
  • Mensajes: 1439
  • Actividad:
    0%
  • Reputación 1
  • Snifer@L4b's
    • Ver Perfil
    • Snifer@L4bs
  • Twitter: sniferl4bs
« Respuesta #3 en: Agosto 28, 2014, 12:05:50 am »
No tienes permisos para ver links. Registrate o Entra con tu cuenta
No me gusta mucho google maps! Conoces Open street map? Buen tip el que pasaste +1 :)

YO ando desarrollando una app con OSM lastimosamente en mi pais la persona que anda mas en el movimiento anda muy cerrada :| y no quiere colaborar pero por ahora ando viendo leaf como libreria para trabajar. Lo mejor de OSM mapa offline :3

Regards,
Snifer
No tienes permisos para ver links. Registrate o Entra con tu cuenta


Llaman traidor a la persona que evito que caiga el foro, gente bruta!



Desconectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5388
  • Actividad:
    38.33%
  • Reputación 31
  • ANTRAX
    • Ver Perfil
    • Underc0de
    • Email
  • Skype: underc0de.org
  • Twitter: @Underc0de
« Respuesta #4 en: Agosto 28, 2014, 10:30:31 am »
Muy buen aporte bro!! Está excelente!!


Desconectado Cl0udswX

  • *
  • Colaborador
  • *
  • Mensajes: 868
  • Actividad:
    0%
  • Reputación 4
  • La fisica es el sistema operativo del universo.
    • Ver Perfil
    • cl0udswz - Sequre
  • Skype: cl0udzwx
  • Twitter: @cl0udswzsequre
« Respuesta #5 en: Agosto 28, 2014, 10:52:04 am »
Muy útil e interesante.

Gracias por el aporte.


Enviado desde iOS utilizando Tapatalk.
El talento se parece al tirador que da en un blanco que los demás no pueden alcanzar; el genio se parece al tirador que da en un blanco que los demás no pueden ver.


 

¿Te gustó el post? COMPARTILO!



Como instalar el diccionario para corrección ortográfica en español en Notepad++

Iniciado por graphixx

Respuestas: 0
Vistas: 402
Último mensaje Julio 18, 2018, 04:25:23 am
por graphixx
Internet & World Wide Web Como Programar, 5ta Edición - Deitel

Iniciado por D3ivid

Respuestas: 1
Vistas: 1834
Último mensaje Febrero 24, 2015, 05:40:40 pm
por Hu3c0
[HTML][BASICO] Como cambiar el cursor por uno personalizado (Explicado)

Iniciado por elshotta

Respuestas: 2
Vistas: 1673
Último mensaje Octubre 15, 2012, 08:25:38 pm
por elshotta
[SOURCE] Libreria para tu propia NUBE como MEGA

Iniciado por graphixx

Respuestas: 4
Vistas: 1998
Último mensaje Marzo 21, 2017, 01:40:16 pm
por 79137913
Como colocar caja de comentarios de Facebook en Blogger en 3 pasos

Iniciado por ANTRAX

Respuestas: 1
Vistas: 1360
Último mensaje Junio 21, 2015, 08:53:48 pm
por Yavi