zoom = 5;
google.load("maps", "2");
google.setOnLoadCallback(load)

var marker;
var map
function load() {
  if (google.maps.BrowserIsCompatible()) {
    map = new google.maps.Map2(document.getElementById("map"));
    map.setCenter(new google.maps.LatLng(51.476659, -0.338141), zoom)
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    
    
    GEvent.addListener(map, "click", function (overlay,point) {
        if (marker) {
            marker.setPoint(point);
        } else {
            marker = new GMarker(point);
            map.addOverlay(marker);
        }
        var latDiv = document.getElementById("lat");
        latDiv.innerHTML = "Latitude: " + point.lat();
        var lngDiv = document.getElementById("lng");
        lngDiv.innerHTML = "Longitude: " + point.lng();
        
        var latInput = document.getElementById(latInputName);
        latInput.value = point.lat();
        var lngInput = document.getElementById(lngInputName);
        lngInput.value = point.lng();
    });
  }
}