var map;
var bounds;
var mapIconGold = _gdoc_root+'img/map-icon-gold.png';
var mapIconGreen = _gdoc_root+'img/map-icon-green.png';
window.onload = function () {
var styles = [
{ "elementType": "labels.text.fill", "stylers": [ { "visibility": "on" }, { "color": "#245C40" } ] }
];
var markerPosHardCoded = new google.maps.LatLng(51.5782854,-0.1779822);
// var markerPos02 = new google.maps.LatLng(51.560686,-0.18571);
var options = {
// center: markerPos01,
// zoom: 16,
scrollwheel: false, //prevents the map zooming when the user is scroll-wheeling the web page
disableDefaultUI: false ,
// mapTypeControlOptions: {
// mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE]
// }
};
var div = document.getElementById('propertyMap');
map = new google.maps.Map(div, options);
bounds = new google.maps.LatLngBounds();
var markerPos0 = new google.maps.LatLng(51.5759692,-0.20624559999998837);
var marker0 = new google.maps.Marker({ position: markerPos0, map: map,icon: mapIconGreen,id: '85'});var iw0 = new google.maps.InfoWindow({
content: "
Belview Lodge, £1,700,000
"
});google.maps.event.addListener(marker0, "mouseover", function (e) { iw0.open(map, this); }); google.maps.event.addListener(marker0, "mouseout", function (e) { iw0.close(map, this); });google.maps.event.addListener(marker0, 'click', function() { if ($('#map_'+this.id).length > 0 ) {
$('html, body').animate({
scrollTop: $('#map_'+this.id).offset().top}, 2000);
}else{
//Make Ajax cal to get the DIV
var i = new ajaxVars;
i.incModule = "common";
i.vars["action"] = "runFunction";
i.vars["func"] = "getPropDiv";
i.vars["nosplit"] = 1;
i.vars["type"] = 'all';
i.vars["from_price"] = '0';
i.vars["to_price"] = '10000001';
i.vars["orderBy"] = 'asc';
i.vars["page"] = selPage;
i.vars["rental"] = '2';
i.vars["location"] = '';
i.vars["latest"] = '';
i.vars["latestFlag"] = '';
i.vars["showFav"] = '0';
i.vars["sold"] = '';
i.vars["id"] = this.id;
i.fnVars["id"] = this.id;
i.gotoFunction = "propDivAdd";
i.AjaxPostSQL()
}});bounds.extend(markerPos0);var markerPos1 = new google.maps.LatLng(51.564754,-0.196653);
var marker1 = new google.maps.Marker({ position: markerPos1, map: map,icon: mapIconGreen,id: '156'});var iw1 = new google.maps.InfoWindow({
content: "The Lexington, Prices from £825,000
"
});google.maps.event.addListener(marker1, "mouseover", function (e) { iw1.open(map, this); }); google.maps.event.addListener(marker1, "mouseout", function (e) { iw1.close(map, this); });google.maps.event.addListener(marker1, 'click', function() { if ($('#map_'+this.id).length > 0 ) {
$('html, body').animate({
scrollTop: $('#map_'+this.id).offset().top}, 2000);
}else{
//Make Ajax cal to get the DIV
var i = new ajaxVars;
i.incModule = "common";
i.vars["action"] = "runFunction";
i.vars["func"] = "getPropDiv";
i.vars["nosplit"] = 1;
i.vars["type"] = 'all';
i.vars["from_price"] = '0';
i.vars["to_price"] = '10000001';
i.vars["orderBy"] = 'asc';
i.vars["page"] = selPage;
i.vars["rental"] = '2';
i.vars["location"] = '';
i.vars["latest"] = '';
i.vars["latestFlag"] = '';
i.vars["showFav"] = '0';
i.vars["sold"] = '';
i.vars["id"] = this.id;
i.fnVars["id"] = this.id;
i.gotoFunction = "propDivAdd";
i.AjaxPostSQL()
}});bounds.extend(markerPos1);var markerPos2 = new google.maps.LatLng(51.56571688850167,-0.19623123117447294);
var marker2 = new google.maps.Marker({ position: markerPos2, map: map,icon: mapIconGreen,id: '188'});var iw2 = new google.maps.InfoWindow({
content: "West Heath Place, Prices from £950,000
"
});google.maps.event.addListener(marker2, "mouseover", function (e) { iw2.open(map, this); }); google.maps.event.addListener(marker2, "mouseout", function (e) { iw2.close(map, this); });google.maps.event.addListener(marker2, 'click', function() { if ($('#map_'+this.id).length > 0 ) {
$('html, body').animate({
scrollTop: $('#map_'+this.id).offset().top}, 2000);
}else{
//Make Ajax cal to get the DIV
var i = new ajaxVars;
i.incModule = "common";
i.vars["action"] = "runFunction";
i.vars["func"] = "getPropDiv";
i.vars["nosplit"] = 1;
i.vars["type"] = 'all';
i.vars["from_price"] = '0';
i.vars["to_price"] = '10000001';
i.vars["orderBy"] = 'asc';
i.vars["page"] = selPage;
i.vars["rental"] = '2';
i.vars["location"] = '';
i.vars["latest"] = '';
i.vars["latestFlag"] = '';
i.vars["showFav"] = '0';
i.vars["sold"] = '';
i.vars["id"] = this.id;
i.fnVars["id"] = this.id;
i.gotoFunction = "propDivAdd";
i.AjaxPostSQL()
}});bounds.extend(markerPos2);var markerPos3 = new google.maps.LatLng(51.61774,-0.225496);
var marker3 = new google.maps.Marker({ position: markerPos3, map: map,icon: mapIconGreen,id: '151'});var iw3 = new google.maps.InfoWindow({
content: "Rosary Manor, Prices start from £1,000,000
"
});google.maps.event.addListener(marker3, "mouseover", function (e) { iw3.open(map, this); }); google.maps.event.addListener(marker3, "mouseout", function (e) { iw3.close(map, this); });google.maps.event.addListener(marker3, 'click', function() { if ($('#map_'+this.id).length > 0 ) {
$('html, body').animate({
scrollTop: $('#map_'+this.id).offset().top}, 2000);
}else{
//Make Ajax cal to get the DIV
var i = new ajaxVars;
i.incModule = "common";
i.vars["action"] = "runFunction";
i.vars["func"] = "getPropDiv";
i.vars["nosplit"] = 1;
i.vars["type"] = 'all';
i.vars["from_price"] = '0';
i.vars["to_price"] = '10000001';
i.vars["orderBy"] = 'asc';
i.vars["page"] = selPage;
i.vars["rental"] = '2';
i.vars["location"] = '';
i.vars["latest"] = '';
i.vars["latestFlag"] = '';
i.vars["showFav"] = '0';
i.vars["sold"] = '';
i.vars["id"] = this.id;
i.fnVars["id"] = this.id;
i.gotoFunction = "propDivAdd";
i.AjaxPostSQL()
}});bounds.extend(markerPos3);var markerPos4 = new google.maps.LatLng(51.569827583945084,-0.1959770100646665);
var marker4 = new google.maps.Marker({ position: markerPos4, map: map,icon: mapIconGreen,id: '125'});var iw4 = new google.maps.InfoWindow({
content: "The Beaumont, from £1,270,000
"
});google.maps.event.addListener(marker4, "mouseover", function (e) { iw4.open(map, this); }); google.maps.event.addListener(marker4, "mouseout", function (e) { iw4.close(map, this); });google.maps.event.addListener(marker4, 'click', function() { if ($('#map_'+this.id).length > 0 ) {
$('html, body').animate({
scrollTop: $('#map_'+this.id).offset().top}, 2000);
}else{
//Make Ajax cal to get the DIV
var i = new ajaxVars;
i.incModule = "common";
i.vars["action"] = "runFunction";
i.vars["func"] = "getPropDiv";
i.vars["nosplit"] = 1;
i.vars["type"] = 'all';
i.vars["from_price"] = '0';
i.vars["to_price"] = '10000001';
i.vars["orderBy"] = 'asc';
i.vars["page"] = selPage;
i.vars["rental"] = '2';
i.vars["location"] = '';
i.vars["latest"] = '';
i.vars["latestFlag"] = '';
i.vars["showFav"] = '0';
i.vars["sold"] = '';
i.vars["id"] = this.id;
i.fnVars["id"] = this.id;
i.gotoFunction = "propDivAdd";
i.AjaxPostSQL()
}});bounds.extend(markerPos4);var markerPos5 = new google.maps.LatLng(51.572528,-0.200521);
var marker5 = new google.maps.Marker({ position: markerPos5, map: map,icon: mapIconGreen,id: '195'});var iw5 = new google.maps.InfoWindow({
content: "The Luxley, Prices from £1,350,000
"
});google.maps.event.addListener(marker5, "mouseover", function (e) { iw5.open(map, this); }); google.maps.event.addListener(marker5, "mouseout", function (e) { iw5.close(map, this); });google.maps.event.addListener(marker5, 'click', function() { if ($('#map_'+this.id).length > 0 ) {
$('html, body').animate({
scrollTop: $('#map_'+this.id).offset().top}, 2000);
}else{
//Make Ajax cal to get the DIV
var i = new ajaxVars;
i.incModule = "common";
i.vars["action"] = "runFunction";
i.vars["func"] = "getPropDiv";
i.vars["nosplit"] = 1;
i.vars["type"] = 'all';
i.vars["from_price"] = '0';
i.vars["to_price"] = '10000001';
i.vars["orderBy"] = 'asc';
i.vars["page"] = selPage;
i.vars["rental"] = '2';
i.vars["location"] = '';
i.vars["latest"] = '';
i.vars["latestFlag"] = '';
i.vars["showFav"] = '0';
i.vars["sold"] = '';
i.vars["id"] = this.id;
i.fnVars["id"] = this.id;
i.gotoFunction = "propDivAdd";
i.AjaxPostSQL()
}});bounds.extend(markerPos5);var markerPos6 = new google.maps.LatLng(51.57156821629684,-0.1895397449218308);
var marker6 = new google.maps.Marker({ position: markerPos6, map: map,icon: mapIconGreen,id: '143'});var iw6 = new google.maps.InfoWindow({
content: "Hampstead Reach, Prices from £1,425,000
"
});google.maps.event.addListener(marker6, "mouseover", function (e) { iw6.open(map, this); }); google.maps.event.addListener(marker6, "mouseout", function (e) { iw6.close(map, this); });google.maps.event.addListener(marker6, 'click', function() { if ($('#map_'+this.id).length > 0 ) {
$('html, body').animate({
scrollTop: $('#map_'+this.id).offset().top}, 2000);
}else{
//Make Ajax cal to get the DIV
var i = new ajaxVars;
i.incModule = "common";
i.vars["action"] = "runFunction";
i.vars["func"] = "getPropDiv";
i.vars["nosplit"] = 1;
i.vars["type"] = 'all';
i.vars["from_price"] = '0';
i.vars["to_price"] = '10000001';
i.vars["orderBy"] = 'asc';
i.vars["page"] = selPage;
i.vars["rental"] = '2';
i.vars["location"] = '';
i.vars["latest"] = '';
i.vars["latestFlag"] = '';
i.vars["showFav"] = '0';
i.vars["sold"] = '';
i.vars["id"] = this.id;
i.fnVars["id"] = this.id;
i.gotoFunction = "propDivAdd";
i.AjaxPostSQL()
}});bounds.extend(markerPos6);var markerPos8 = new google.maps.LatLng(51.569732,-0.193085);
var marker8 = new google.maps.Marker({ position: markerPos8, map: map,icon: mapIconGreen,id: '198'});var iw8 = new google.maps.InfoWindow({
content: "West Heath Place, Prices from £2750000
"
});google.maps.event.addListener(marker8, "mouseover", function (e) { iw8.open(map, this); }); google.maps.event.addListener(marker8, "mouseout", function (e) { iw8.close(map, this); });google.maps.event.addListener(marker8, 'click', function() { if ($('#map_'+this.id).length > 0 ) {
$('html, body').animate({
scrollTop: $('#map_'+this.id).offset().top}, 2000);
}else{
//Make Ajax cal to get the DIV
var i = new ajaxVars;
i.incModule = "common";
i.vars["action"] = "runFunction";
i.vars["func"] = "getPropDiv";
i.vars["nosplit"] = 1;
i.vars["type"] = 'all';
i.vars["from_price"] = '0';
i.vars["to_price"] = '10000001';
i.vars["orderBy"] = 'asc';
i.vars["page"] = selPage;
i.vars["rental"] = '2';
i.vars["location"] = '';
i.vars["latest"] = '';
i.vars["latestFlag"] = '';
i.vars["showFav"] = '0';
i.vars["sold"] = '';
i.vars["id"] = this.id;
i.fnVars["id"] = this.id;
i.gotoFunction = "propDivAdd";
i.AjaxPostSQL()
}});bounds.extend(markerPos8);var markerPos9 = new google.maps.LatLng(51.5804992,-0.1682666);
var marker9 = new google.maps.Marker({ position: markerPos9, map: map,icon: mapIconGreen,id: '110'});var iw9 = new google.maps.InfoWindow({
content: "49 The Bishops Avenue, £2,950,000
"
});google.maps.event.addListener(marker9, "mouseover", function (e) { iw9.open(map, this); }); google.maps.event.addListener(marker9, "mouseout", function (e) { iw9.close(map, this); });google.maps.event.addListener(marker9, 'click', function() { if ($('#map_'+this.id).length > 0 ) {
$('html, body').animate({
scrollTop: $('#map_'+this.id).offset().top}, 2000);
}else{
//Make Ajax cal to get the DIV
var i = new ajaxVars;
i.incModule = "common";
i.vars["action"] = "runFunction";
i.vars["func"] = "getPropDiv";
i.vars["nosplit"] = 1;
i.vars["type"] = 'all';
i.vars["from_price"] = '0';
i.vars["to_price"] = '10000001';
i.vars["orderBy"] = 'asc';
i.vars["page"] = selPage;
i.vars["rental"] = '2';
i.vars["location"] = '';
i.vars["latest"] = '';
i.vars["latestFlag"] = '';
i.vars["showFav"] = '0';
i.vars["sold"] = '';
i.vars["id"] = this.id;
i.fnVars["id"] = this.id;
i.gotoFunction = "propDivAdd";
i.AjaxPostSQL()
}});bounds.extend(markerPos9);var markerPos10 = new google.maps.LatLng(51.575172,-0.169808);
var marker10 = new google.maps.Marker({ position: markerPos10, map: map,icon: mapIconGreen,id: '162'});var iw10 = new google.maps.InfoWindow({
content: "The Bishops Avenue, Prices from £17,995,000
"
});google.maps.event.addListener(marker10, "mouseover", function (e) { iw10.open(map, this); }); google.maps.event.addListener(marker10, "mouseout", function (e) { iw10.close(map, this); });google.maps.event.addListener(marker10, 'click', function() { if ($('#map_'+this.id).length > 0 ) {
$('html, body').animate({
scrollTop: $('#map_'+this.id).offset().top}, 2000);
}else{
//Make Ajax cal to get the DIV
var i = new ajaxVars;
i.incModule = "common";
i.vars["action"] = "runFunction";
i.vars["func"] = "getPropDiv";
i.vars["nosplit"] = 1;
i.vars["type"] = 'all';
i.vars["from_price"] = '0';
i.vars["to_price"] = '10000001';
i.vars["orderBy"] = 'asc';
i.vars["page"] = selPage;
i.vars["rental"] = '2';
i.vars["location"] = '';
i.vars["latest"] = '';
i.vars["latestFlag"] = '';
i.vars["showFav"] = '0';
i.vars["sold"] = '';
i.vars["id"] = this.id;
i.fnVars["id"] = this.id;
i.gotoFunction = "propDivAdd";
i.AjaxPostSQL()
}});bounds.extend(markerPos10);var markerPos11 = new google.maps.LatLng(51.537708,-0.167447);
var marker11 = new google.maps.Marker({ position: markerPos11, map: map,icon: mapIconGreen,id: '178'});var iw11 = new google.maps.InfoWindow({
content: "Avenue Road, Guide price £30,000,000
"
});google.maps.event.addListener(marker11, "mouseover", function (e) { iw11.open(map, this); }); google.maps.event.addListener(marker11, "mouseout", function (e) { iw11.close(map, this); });google.maps.event.addListener(marker11, 'click', function() { if ($('#map_'+this.id).length > 0 ) {
$('html, body').animate({
scrollTop: $('#map_'+this.id).offset().top}, 2000);
}else{
//Make Ajax cal to get the DIV
var i = new ajaxVars;
i.incModule = "common";
i.vars["action"] = "runFunction";
i.vars["func"] = "getPropDiv";
i.vars["nosplit"] = 1;
i.vars["type"] = 'all';
i.vars["from_price"] = '0';
i.vars["to_price"] = '10000001';
i.vars["orderBy"] = 'asc';
i.vars["page"] = selPage;
i.vars["rental"] = '2';
i.vars["location"] = '';
i.vars["latest"] = '';
i.vars["latestFlag"] = '';
i.vars["showFav"] = '0';
i.vars["sold"] = '';
i.vars["id"] = this.id;
i.fnVars["id"] = this.id;
i.gotoFunction = "propDivAdd";
i.AjaxPostSQL()
}});bounds.extend(markerPos11);
map.setCenter(bounds.getCenter());
map.fitBounds(bounds);
zoomChangeBoundsListener =
google.maps.event.addListenerOnce(map, 'bounds_changed', function(event) {
if (map.getZoom()){
map.setCenter(new google.maps.LatLng(51.5711882,-0.1490688));
map.setZoom(11);
}
});
}