Hola!
Aquí está tu código funcionando:
Código Javascript
:
Ver original<!DOCTYPE>
<html>
<head>
<title>Bienvenidos a</title>
</head>
<body>
<!-- <input type="Submit" onclick="init()" value="Cargar Mapa"> -->
<div id="map" style="width: 100%; height: 1024px;">
<script src="http://maps.google.com/maps/api/js?sensor=false&callback=init"></script>
<script type="text/javascript">
var map;
var marker;
function init() {
var mapOptions = {
center: new google.maps.LatLng(8.8001153,-75.8506026),
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map"),mapOptions);
var place = new google.maps.LatLng(8.8001309,-75.8505986,21);
marker = new google.maps.Marker({
position: place,
title: "Estacion 1",
map: map
});
}
</script>
</div>
</body>
</html>
Básicamente tenías 2 problemas:
* el estilo del div id="map" es
height
* en la línea
Código Javascript
:
Ver originalvar place = new google.maps.LatLng(8.8001309,-75.8505986,21);
no va un punto entre new y google
Saludos!!