ejemplo basico para crear un mapa en google maps

<html xmlns=”http://www.w3.org/1999/xhtml”&gt;

<head>

<script type=”text/javascript” src=”https://maps.google.com/maps/api/js?sensor=false”></script&gt;

<script type=”text/javascript”>
// <![CDATA[

function mostrarGoogleMaps()
{
//Creamos el punto a partir de las coordenadas:
var punto = new google.maps.LatLng(40.41687477895358, -3.703308399999969);

//Configuramos las opciones indicando Zoom, punto(el que hemos creado) y tipo de mapa
var myOptions = {
zoom: 15, center: punto, mapTypeId: google.maps.MapTypeId.ROADMAP
};

//Creamos el mapa e indicamos en qué caja queremos que se muestre
var map = new google.maps.Map(document.getElementById(“mostrarMapa”), myOptions);

//Opcionalmente podemos mostrar el marcador en el punto que hemos creado.
var marker = new google.maps.Marker({
position:punto,
map: map,
title:”Título del mapa”});
}

// ]]>
</script>
</head>

<body onload=”mostrarGoogleMaps()” >

<div id=”mostrarMapa” style=”width: 450px; height: 350px;”> </div>

</body>

</html>

Anuncios
Publicado en Uncategorized

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: