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

 

 


Tema destacado: Guía rápida para descarga de herramientas gratuitas de seguridad y desinfección


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  [Tutorial] Como crear un google maps con marcadores
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [Tutorial] Como crear un google maps con marcadores  (Leído 1,679 veces)
Graphixx


Desconectado Desconectado

Mensajes: 1.336


Full Stack Developer


Ver Perfil WWW
[Tutorial] Como crear un google maps con marcadores
« en: 27 Agosto 2014, 22:13 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:
<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>


En línea

Nada tiene fin solo hay pequeñas pausas, pausas que determinan el comienzo de otros. Graphixx Rōninnovation
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Tutorial API Google Maps con VB. NET y C# « 1 2 »
.NET (C#, VB.NET, ASP)
seba123neo 11 33,386 Último mensaje 30 Noviembre 2011, 21:31 pm
por corneliusjesus
Alineacion de capas - Mostrar como Google Maps
Desarrollo Web
robe007 0 2,164 Último mensaje 7 Marzo 2011, 19:13 pm
por robe007
crear rutas en google maps en mi pagina
Desarrollo Web
Zeroql 2 4,117 Último mensaje 5 Mayo 2011, 23:57 pm
por Zeroql
Marcadores en google maps
Desarrollo Web
andreslrz 1 1,831 Último mensaje 17 Mayo 2015, 00:54 am
por EFEX
Cómo crear anuncios en Google Maps de tu empresa o negocio
Noticias
wolfbcn 0 809 Último mensaje 1 Julio 2019, 01:38 am
por wolfbcn
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines