Mostrar Google Maps en mi Web

Mostrar Google Maps en mi Web

Descripción:
Código de ejemplo que muestra como mostrar google maps en nuestra página web.
Nos permite indicar una imagen para la marca y un popup con el texto que deseamos en la posición que nosotros indiquemos. Se utiliza la API v3 de google maps.

El codigo es:
<p> <script src="https://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <!-- definimos la anchura del mapa --> <div id="map_canvas" style="width: 550px; height: 400px"> </div> <script type="text/javascript"> // definimos las coordenadas var latlng = new google.maps.LatLng(40.689913, -74.045341); // definimos un array de opciones que se añadiran al mapa var myOptions = { zoom: 14, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); // definimos una marca var marker = new google.maps.Marker({ // definimos la poisicion de nuestra marca en el mapa position: map.getCenter(), map: map, // titulo que aparecera cuando pongamos el cursor encima title: 'Titulo', // aqui encontraras muchos tipos de iconos: //http://gmaps-samples.googlecode.com/svn/trunk/markers/ icon: 'http://gmaps-samples.googlecode.com/svn/trunk/markers/green/blank.png', cursor: 'default', draggable: true }); // definimos una viñeta de información var popup = new google.maps.InfoWindow({ content: 'Información para la<br/>viñeta. Permite \ poner algo de<br/>código <b>html</b>', position: map.getCenter() }); popup.open(map); </script> </p>

Página con toda la documentación: Google Maps Javascript API V3 Reference
https://developers.google.com/maps/documentation/javascript/reference?hl=es


El resultado es este: