<!DOCTYPE html>
<head>
<script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" type="text/javascript"></script>
<script language="javascript">
var lat=1067;
var lon=-110;
var image='test.png';
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(lat, lon), 13);
}
}
function map(position) {
lat = position.coords.latitude;
lon = position.coords.longitude;
load();
}
function get_location() {
navigator.geolocation.getCurrentPosition(map);
}
var MyLatLng = new google.maps.LatLng(lat,lon);
var beachMarker = new google.maps.Marker({
position: MyLatLng,
map: map,
icon: image
});
</script>
</head>
<body onload="load()" onunload="GUnload()">
<input type ="Button" size = "50" onclick = "get_location();">Search</input>
<div id="map" style="width: 1200px; height: 600px"></div>