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
  • 1784 Vistas

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

Desconectado graphixx

  • *
  • Moderador
  • Mensajes: 1237
  • Actividad:
    28.33%
  • Reputación 16
  • 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:
You are not allowed to view links. Register or Login

Crear el google maps:
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login

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 »
You are not allowed to view links. Register or Login

Desconectado hielasangre

  • *
  • Underc0der
  • Mensajes: 121
  • Actividad:
    5%
  • 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: 1904
  • Actividad:
    18.33%
  • 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 »
You are not allowed to view links. Register or Login
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
You are not allowed to view links. Register or Login


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



Conectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5342
  • Actividad:
    23.33%
  • Reputación 30
  • 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

  • *
  • Underc0der
  • 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: 320
Último mensaje Julio 18, 2018, 04:25:23 am
por graphixx
Como colocar caja de comentarios de Facebook en Blogger en 3 pasos

Iniciado por ANTRAX

Respuestas: 1
Vistas: 1311
Último mensaje Junio 21, 2015, 08:53:48 pm
por Yavi
Internet & World Wide Web Como Programar, 5ta Edición - Deitel

Iniciado por D3ivid

Respuestas: 1
Vistas: 1732
Ú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: 1617
Ú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: 1928
Último mensaje Marzo 21, 2017, 01:40:16 pm
por 79137913