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 ,
mapId: "mapsp_MAP_ID",
// 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.569732,-0.193085);
var marker0 = new google.maps.Marker({ position: markerPos0, map: map,icon: mapIconGreen,id: '198'});var iw0 = new google.maps.InfoWindow({
content: "
West Heath Place, Prices from £2750000
"
});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"] = '10000000';
i.vars["orderBy"] = 'DESC';
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.5683544,-0.1835594);
var marker1 = new google.maps.Marker({ position: markerPos1, map: map,icon: mapIconGreen,id: '126'});var iw1 = new google.maps.InfoWindow({
content: "Mountview Close, Prices from £2,250,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"] = '10000000';
i.vars["orderBy"] = 'DESC';
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.58020518746932,-0.19505823331299021);
var marker2 = new google.maps.Marker({ position: markerPos2, map: map,icon: mapIconGreen,id: '197'});var iw2 = new google.maps.InfoWindow({
content: "Jonah Court, Prices from £1,750,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"] = '10000000';
i.vars["orderBy"] = 'DESC';
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.5759692,-0.20624559999998837);
var marker3 = new google.maps.Marker({ position: markerPos3, map: map,icon: mapIconGreen,id: '85'});var iw3 = new google.maps.InfoWindow({
content: "Belview Lodge, £1,700,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"] = '10000000';
i.vars["orderBy"] = 'DESC';
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.57156821629684,-0.1895397449218308);
var marker4 = new google.maps.Marker({ position: markerPos4, map: map,icon: mapIconGreen,id: '143'});var iw4 = new google.maps.InfoWindow({
content: "Hampstead Reach, Prices from £1,550,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"] = '10000000';
i.vars["orderBy"] = 'DESC';
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,450,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"] = '10000000';
i.vars["orderBy"] = 'DESC';
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.572586,-0.200864);
var marker6 = new google.maps.Marker({ position: markerPos6, map: map,icon: mapIconGreen,id: '203'});var iw6 = new google.maps.InfoWindow({
content: "The Luxley, Prices from £1,450,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"] = '10000000';
i.vars["orderBy"] = 'DESC';
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 markerPos7 = new google.maps.LatLng(51.569827583945084,-0.1959770100646665);
var marker7 = new google.maps.Marker({ position: markerPos7, map: map,icon: mapIconGreen,id: '125'});var iw7 = new google.maps.InfoWindow({
content: "The Beaumont, from £1,270,000
"
});google.maps.event.addListener(marker7, "mouseover", function (e) { iw7.open(map, this); }); google.maps.event.addListener(marker7, "mouseout", function (e) { iw7.close(map, this); });google.maps.event.addListener(marker7, '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"] = '10000000';
i.vars["orderBy"] = 'DESC';
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(markerPos7);var markerPos8 = new google.maps.LatLng(51.56571688850167,-0.19623123117447294);
var marker8 = new google.maps.Marker({ position: markerPos8, map: map,icon: mapIconGreen,id: '188'});var iw8 = new google.maps.InfoWindow({
content: "West Heath Place, Prices from £895,000
"
});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"] = '10000000';
i.vars["orderBy"] = 'DESC';
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.564754,-0.196653);
var marker9 = new google.maps.Marker({ position: markerPos9, map: map,icon: mapIconGreen,id: '156'});var iw9 = new google.maps.InfoWindow({
content: "The Lexington, Prices from £825,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"] = '10000000';
i.vars["orderBy"] = 'DESC';
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);
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);
}
});
}