Crear un google maps con marcadores

Crear un google maps con marcadores

10:41 0 Comments A+ a-


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);
  18.     var marker = new google.maps.Marker({
  19.         position: position,
  20.         map: map,
  21.         title:"This is the place."
  22.     });
  24.     var contentString = '<strong>Endocrino</strong> Centro de especialistas.';
  25.     var infowindow = new google.maps.InfoWindow({
  26.         content: contentString
  27.     });
  29.     google.maps.event.addListener(marker, 'click', function() {
  30.       infowindow.open(map,marker);
  31.     });
  33.   }
  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>

Autor: graphixx

Suscribirse a: Enviar comentarios (Atom)