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

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

Desconectado graphixx

  • *
  • Moderador
  • Mensajes: 1323
  • Actividad:
    15%
  • Reputación 17
  • Científico de BIG DATA
    • Ver Perfil
    • Sistemas y Controles
  • Skype: [email protected]
« en: Agosto 27, 2014, 05:14:18 pm »

Para obtener la posicion de longitud y latitud del sitio:
http://www.map-me.eu/

Crear el google maps:
http://www.funcion13.com/2012/04/25/google-maps-la-base/
http://www.funcion13.com/2012/05/07/google-maps-marcadores/

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 »

Conectado hielasangre

  • *
  • Underc0der
  • Mensajes: 215
  • Actividad:
    10%
  • Reputación 4
    • 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: 1921
  • Actividad:
    3.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
  • [email protected]'s
    • Ver Perfil
    • Snifer@L4bs
  • Twitter: sniferl4bs
« Respuesta #3 en: Agosto 28, 2014, 12:05:50 am »
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
http://www.sniferl4bs.com


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



Conectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5487
  • Actividad:
    23.33%
  • Reputación 35
  • 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: 876
  • Actividad:
    1.67%
  • 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: 3224
Ú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: 2310
Ú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: 2948
Ú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: 2709
Ú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: 3353
Último mensaje Marzo 21, 2017, 01:40:16 pm
por 79137913