llamar funcion javascript Estoy iniciandome en el javascript y hay algo que se me escapa... no consigo llamar a una funcion de forma automática. La verdad no veo porque no funciona. La funcion que quiero llamar es la marcar_posicion(). Desde el button funciona... Si alguien pudiera ayudarme, se lo agradeceria ;)
Código:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
</style>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map=null;
function initialize() {
var latlng = new google.maps.LatLng(0, 0);
var myOptions = {
zoom: 1,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("contenidor_mapa"), myOptions);
var bounds = new google.maps.LatLngBounds();
}
function marcar_posicion(lat, lon, descripcion){
posicion = new google.maps.LatLng(lat, lon);
marker = new google.maps.Marker (
{
position: posicion,
title: descripcion,
map: map
});
bounds.extend(new google.maps.LatLng(lat, lon));
marker.setMap(map);
map.fitBounds(bounds);
}
</script>
</head>
<body onload="initialize();">
<input type="button" value="Marcar" onclick="marcar_posicion('1', '1', 'Button');"></input>
<div id="contenidor_mapa"; style="width:75%; height:75%; margin-right: auto; margin-left: auto;"></div>
<script language="javascript">
marcar_posicion('1', '1', 'Hola!');
</script>
</body>
</html>
