Un ejemplo simple utilizando el API Maps para JavaScript.
La llave de la inscripción la tenemos que incluir en la página donde vamos a utilizar em mapa, quedando algo similar como:
<script src="http://maps.google.com/maps?file=api&v=2& key=abcdefg&sensor=true_or_false" type="text/javascript"> </script> |
Una vez que inclumos la inscripcion del API de nuestro sitio, podemos incluir el código que permite la definición y manejo del mapa, en este caso lo coloque antes de la etiqueta <body>
<script type="text/javascript"> function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(37.4419, -122.1419), 13); map.setUIToDefault(); } } </script> |
Cambiamos la etiqueta <body> quedando de esta forma
<body onload="initialize()" onunload="GUnload()"> |
e incluimos el dentro del cuerpo de la página el siguiente código
div id="map_canvas" style="width: 350px; height: 200px"></div> |
Quedandonos el mapa de la siguiente forma: