Underc0de - La Casa de los Informáticos

Programación Web => Zona Webmaster => Mensaje iniciado por: graphixx en Agosto 27, 2014, 05:14:18 PM

Título: [Tutorial] Como crear un google maps con marcadores
Publicado por: graphixx en Agosto 27, 2014, 05:14:18 PM
(http://blog.guiasenior.com/images/GoogleMaps_Senior.jpg)
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) [Seleccionar]
<html>
<head>
<script type="text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
  function initialize() {
    var position = new google.maps.LatLng(6.206162,-75.570661);
    var myOptions = {
      zoom: 16,
      center: position,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(
        document.getElementById("map_canvas"),
        myOptions);

    var marker = new google.maps.Marker({
        position: position,
        map: map,
        title:"This is the place."
    });

    var contentString = '<strong>Endocrino</strong> Centro de especialistas.';
    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });

    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker);
    });

  }

</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:425px; height:350px"></div>
</body>
</html>
<span>CALLE 7 N  39-197 PISO 11 CONSULTORIO 11-12</span>
Título: Re:[Tutorial] Como crear un google maps con marcadores
Publicado por: hielasangre en Agosto 27, 2014, 05:20:02 PM
No me gusta mucho google maps! Conoces Open street map? Buen tip el que pasaste +1 :)
Título: Re:[Tutorial] Como crear un google maps con marcadores
Publicado por: blackdrake 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.
Título: Re:[Tutorial] Como crear un google maps con marcadores
Publicado por: Snifer en Agosto 28, 2014, 12:05:50 AM
You are not allowed to view links. You are not allowed to view links. Register or Login or 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
Título: Re:[Tutorial] Como crear un google maps con marcadores
Publicado por: ANTRAX en Agosto 28, 2014, 10:30:31 AM
Muy buen aporte bro!! Está excelente!!
Título: Re:[Tutorial] Como crear un google maps con marcadores
Publicado por: Cl0udswX en Agosto 28, 2014, 10:52:04 AM
Muy útil e interesante.

Gracias por el aporte.


Enviado desde iOS utilizando Tapatalk.