// JavaScript Document
//////// markerwithlabel
/**
* google-maps-utility-library-v3-markerwithlabel
*
* @version: 1.1.10
* @author: Gary Little (inspired by code from Marc Ridey of Google).
* @contributors: Nicholas McCready
* @date: Fri May 13 2016 16:29:58 GMT-0400 (EDT)
* @license: Apache License 2.0
*/
function inherits(e,t){function s(){}s.prototype=t.prototype,e.superClass_=t.prototype,e.prototype=new s,e.prototype.constructor=e}function MarkerLabel_(e,t){this.marker_=e,this.labelDiv_=document.createElement("div"),this.labelDiv_.style.cssText="position: absolute; overflow: hidden;",this.eventDiv_=document.createElement("div"),this.eventDiv_.style.cssText=this.labelDiv_.style.cssText,this.eventDiv_.setAttribute("onselectstart","return false;"),this.eventDiv_.setAttribute("ondragstart","return false;"),this.crossDiv_=MarkerLabel_.getSharedCross(t)}function MarkerWithLabel(e){(e=e||{}).labelContent=e.labelContent||"",e.labelAnchor=e.labelAnchor||new google.maps.Point(0,0),e.labelClass=e.labelClass||"markerLabels",e.labelStyle=e.labelStyle||{},e.labelInBackground=e.labelInBackground||!1,void 0===e.labelVisible&&(e.labelVisible=!0),void 0===e.crossOnDrag&&(e.crossOnDrag=!0),void 0===e.clickable&&(e.clickable=!0),void 0===e.draggable&&(e.draggable=!1),void 0===e.optimized&&(e.optimized=!1),e.crossImage=e.crossImage||"//maps.gstatic.com/intl/en_us/mapfiles/drag_cross_67_16.png",e.optimized=!1,this.label=new MarkerLabel_(this,e.crossImage),google.maps.Marker.apply(this,arguments)}inherits(MarkerLabel_,google.maps.OverlayView),MarkerLabel_.getSharedCross=function(e){var t;return void 0===MarkerLabel_.getSharedCross.crossDiv&&((t=document.createElement("img")).style.cssText="position: absolute; z-index: 1000002; display: none;",t.style.marginLeft="-8px",t.style.marginTop="-9px",t.src=e,MarkerLabel_.getSharedCross.crossDiv=t),MarkerLabel_.getSharedCross.crossDiv},MarkerLabel_.prototype.onAdd=function(){var e=this;this.getPanes().markerLayer.appendChild(this.labelDiv_),this.getPanes().overlayMouseTarget.appendChild(this.eventDiv_),void 0===MarkerLabel_.getSharedCross.processed&&(this.getPanes().overlayImage.appendChild(this.crossDiv_),MarkerLabel_.getSharedCross.processed=!0),this.addMouseListeners(),this.listeners2_=[google.maps.event.addListener(this.marker_,"clickable_changed",function(){e.setClickable()}),google.maps.event.addListener(this.marker_,"cursor_changed",function(){e.setCursor()}),google.maps.event.addListener(this.marker_,"draggable_changed",function(){e.setClickable()}),google.maps.event.addListener(this.marker_,"position_changed",function(){e.setPosition()}),google.maps.event.addListener(this.marker_,"visible_changed",function(){e.setVisible()}),google.maps.event.addListener(this.marker_,"title_changed",function(){e.setTitle()}),google.maps.event.addListener(this.marker_,"zindex_changed",function(){e.setZIndex()}),google.maps.event.addListener(this.marker_,"labelanchor_changed",function(){e.setAnchor()}),google.maps.event.addListener(this.marker_,"labelclass_changed",function(){e.setStyles()}),google.maps.event.addListener(this.marker_,"labelcontent_changed",function(){e.setContent()}),google.maps.event.addListener(this.marker_,"labelstyle_changed",function(){e.setStyles()}),google.maps.event.addListener(this.marker_,"labelvisible_changed",function(){e.setVisible()})]},MarkerLabel_.prototype.addMouseListeners=function(){var e,t,s,i=this,a=!1,r=!1,l=!1,o=function(e){(e=e||window.event).stopPropagation?e.stopPropagation():e.cancelBubble=!0,e.preventDefault?e.preventDefault():e.returnValue=!1},n=function(e){(e=e||window.event).stopPropagation?e.stopPropagation():e.cancelBubble=!0};this.listeners1_=[google.maps.event.addDomListener(this.eventDiv_,"mouseover",function(e){var t={latLng:i.marker_.getPosition()};i.marker_.getClickable()||i.marker_.getDraggable()?a||(this.style.cursor=i.marker_.getCursor()||"pointer",google.maps.event.trigger(i.marker_,"mouseover",t),o(e)):this.style.cursor=null}),google.maps.event.addDomListener(this.eventDiv_,"mouseout",function(e){var t={latLng:i.marker_.getPosition()};(i.marker_.getClickable()||i.marker_.getDraggable())&&(a||(google.maps.event.trigger(i.marker_,"mouseout",t),o(e)))}),google.maps.event.addDomListener(this.eventDiv_,"mousedown",function(e){var t={latLng:i.marker_.getPosition()};l=!1,(i.marker_.getClickable()||i.marker_.getDraggable())&&(r=!0,google.maps.event.trigger(i.marker_,"mousedown",t),a||o(e))}),google.maps.event.addDomListener(this.eventDiv_,"mouseup",function(t){var s={latLng:i.marker_.getPosition()};r&&(r=!1,google.maps.event.trigger(i.marker_,"mouseup",s),l&&(l=!1,i.crossDiv_.style.display="none",e=!0,google.maps.event.trigger(i.marker_,"dragend",s)),i.marker_.getDraggable()||o(t))}),google.maps.event.addDomListener(this.eventDiv_,"click",function(t){var s={latLng:i.marker_.getPosition()};(i.marker_.getClickable()||i.marker_.getDraggable())&&(e?e=!1:google.maps.event.trigger(i.marker_,"click",s),o(t))}),google.maps.event.addDomListener(this.eventDiv_,"dblclick",function(e){var t={latLng:i.marker_.getPosition()};(i.marker_.getClickable()||i.marker_.getDraggable())&&(google.maps.event.trigger(i.marker_,"dblclick",t),o(e))}),google.maps.event.addListener(this.marker_.getMap(),"mousemove",function(e){var a;r&&i.marker_.getDraggable()&&(l?(e.latLng=new google.maps.LatLng(e.latLng.lat()-t,e.latLng.lng()-s),i.marker_.get("crossOnDrag")&&(a=i.getProjection().fromLatLngToDivPixel(e.latLng),i.crossDiv_.style.left=a.x+"px",i.crossDiv_.style.top=a.y+"px",i.crossDiv_.style.display=""),google.maps.event.trigger(i.marker_,"drag",e)):(t=e.latLng.lat()-i.marker_.getPosition().lat(),s=e.latLng.lng()-i.marker_.getPosition().lng(),l=!0,e.latLng=i.marker_.getPosition(),google.maps.event.trigger(i.marker_,"dragstart",e)))}),google.maps.event.addListener(this.marker_,"dragstart",function(e){i.labelDiv_.style.zIndex=1e6+(this.get("labelInBackground")?-1:1),i.eventDiv_.style.zIndex=i.labelDiv_.style.zIndex}),google.maps.event.addListener(this.marker_,"drag",function(e){this.setPosition(e.latLng)}),google.maps.event.addListener(this.marker_,"dragend",function(e){i.setZIndex()}),google.maps.event.addDomListener(this.eventDiv_,"touchstart",function(e){a=!0,n(e)}),google.maps.event.addDomListener(this.eventDiv_,"touchmove",function(e){n(e)}),google.maps.event.addDomListener(this.eventDiv_,"touchend",function(e){n(e)})]},MarkerLabel_.prototype.removeMouseListeners=function(){var e;if(this.listeners1_)for(e=0;e<this.listeners1_.length;e++)google.maps.event.removeListener(this.listeners1_[e])},MarkerLabel_.prototype.onRemove=function(){var e;if(this.labelDiv_.parentNode&&this.labelDiv_.parentNode.removeChild(this.labelDiv_),this.eventDiv_.parentNode&&this.eventDiv_.parentNode.removeChild(this.eventDiv_),this.removeMouseListeners(),this.listeners2_)for(e=0;e<this.listeners2_.length;e++)google.maps.event.removeListener(this.listeners2_[e])},MarkerLabel_.prototype.draw=function(){this.setContent(),this.setTitle(),this.setStyles()},MarkerLabel_.prototype.setContent=function(){var e=this.marker_.get("labelContent");void 0===e.nodeType?(this.labelDiv_.innerHTML=e,this.eventDiv_.innerHTML=this.labelDiv_.innerHTML):(this.labelDiv_.innerHTML="",this.labelDiv_.appendChild(e),e=e.cloneNode(!0),this.eventDiv_.innerHTML="",this.eventDiv_.appendChild(e))},MarkerLabel_.prototype.setTitle=function(){this.eventDiv_.title=this.marker_.getTitle()||""},MarkerLabel_.prototype.setStyles=function(){var e,t;this.labelDiv_.className=this.marker_.get("labelClass"),this.eventDiv_.className=this.labelDiv_.className,this.labelDiv_.style.cssText="",this.eventDiv_.style.cssText="",t=this.marker_.get("labelStyle");for(e in t)t.hasOwnProperty(e)&&(this.labelDiv_.style[e]=t[e],this.eventDiv_.style[e]=t[e]);this.setMandatoryStyles()},MarkerLabel_.prototype.setMandatoryStyles=function(){this.labelDiv_.style.position="absolute",this.labelDiv_.style.overflow="hidden",void 0!==this.labelDiv_.style.opacity&&""!==this.labelDiv_.style.opacity&&(this.labelDiv_.style.MsFilter='"progid:DXImageTransform.Microsoft.Alpha(opacity='+100*this.labelDiv_.style.opacity+')"',this.labelDiv_.style.filter="alpha(opacity="+100*this.labelDiv_.style.opacity+")"),this.eventDiv_.style.position=this.labelDiv_.style.position,this.eventDiv_.style.overflow=this.labelDiv_.style.overflow,this.eventDiv_.style.cursor="pointer",this.eventDiv_.style.opacity=.01,this.eventDiv_.style.MsFilter='"progid:DXImageTransform.Microsoft.Alpha(opacity=1)"',this.eventDiv_.style.filter="alpha(opacity=1)",this.setAnchor(),this.setPosition(),this.setZIndex(),this.setVisible()},MarkerLabel_.prototype.setAnchor=function(){var e=this.marker_.get("labelAnchor");this.labelDiv_.style.marginLeft=-e.x+"px",this.labelDiv_.style.marginTop=-e.y+"px",this.eventDiv_.style.marginLeft=-e.x+"px",this.eventDiv_.style.marginTop=-e.y+"px"},MarkerLabel_.prototype.setPosition=function(){var e=this.getProjection().fromLatLngToDivPixel(this.marker_.getPosition());this.labelDiv_.style.left=Math.round(e.x)+"px",this.labelDiv_.style.top=Math.round(e.y)+"px",this.eventDiv_.style.left=this.labelDiv_.style.left,this.eventDiv_.style.top=this.labelDiv_.style.top},MarkerLabel_.prototype.setZIndex=function(){var e=this.marker_.get("labelInBackground")?-1:1;void 0===this.marker_.getZIndex()?(this.labelDiv_.style.zIndex=parseInt(this.labelDiv_.style.top,10)+e,this.eventDiv_.style.zIndex=this.labelDiv_.style.zIndex):(this.labelDiv_.style.zIndex=this.marker_.getZIndex()+e,this.eventDiv_.style.zIndex=this.labelDiv_.style.zIndex)},MarkerLabel_.prototype.setClickable=function(){this.removeMouseListeners(),this.eventDiv_.style.cursor=null,(this.marker_.getClickable()||this.marker_.getDraggable())&&this.addMouseListeners()},MarkerLabel_.prototype.setCursor=function(){this.eventDiv_.style.cursor=this.marker_.getCursor()},MarkerLabel_.prototype.setVisible=function(){this.marker_.get("labelVisible")?this.labelDiv_.style.display=this.marker_.getVisible()?"block":"none":this.labelDiv_.style.display="none",this.eventDiv_.style.display=this.labelDiv_.style.display},inherits(MarkerWithLabel,google.maps.Marker),MarkerWithLabel.prototype.setMap=function(e){google.maps.Marker.prototype.setMap.apply(this,arguments),this.label.setMap(e)};
//////// end markerwithlabel
$(document).ready(function(){
initMap();
$('.map-filter').click(function(e){
e.preventDefault();
clearMarkers();
getProperties();
return false;
});
});
var t2hLat = 33.666229;
var t2hLng = -78.938633;
var theMap;
var mapCenter;
var mapZoomStart = 16;
var zLevelHide = 14;
var listingArray = [];
var infowindow;
var imageURLBase = 'https://ccar.t2hadvertising.info/open-realty/images/listing_photos/';
var listingInfoWindow = new google.maps.InfoWindow();
var myMarker = {
path: 'M 25, 50 a 25,25 0 1,1 50,0 a 25,25 0 1,1 -50,0',
fillColor: '#f3811b',
fillOpacity: 1,
scale: .25,
strokeColor: 'white',
strokeWeight: 0,
anchor: new google.maps.Point(20,20)
};
var personMarker = {
path: 'M79.5,14.6l-9.8-3.6l0.8-2.2c0.4-1.2-0.2-2.5-1.4-3l-2.2-0.8c-1.2-0.4-2.5,0.2-3,1.4l-0.8,2.2l-9.8-3.6 c-1.6-0.6-2.7,0.7-3,1.4l-6.3,17.4c-0.4,1.2,0.2,2.5,1.4,3l9.8,3.6L53,36.7c0,0-7.2-2.5-7.2-2.4l-7.3-8.5c-1.5-1.5-3.6-2.4-5.7-2.4 h-9.1c-3.1,0-5.9,1.7-7.2,4.5L7.3,46.2C6.5,48,7.2,50,8.9,50.9c2,1,4-0.2,4.7-1.5l7.3-14.6v14l-3.4,26.4c-0.2,1.9,1.1,3.6,3,3.9 c0.1,0,0.3,0,0.4,0c1.7,0,3.2-1.3,3.4-3l3.1-23.6h2l7.4,11.3c0.2,0.2,0.2,0.5,0.2,0.7v11.1c0,1.9,1.5,3.5,3.5,3.5 c1.9,0,3.5-1.5,3.5-3.5V64.4c0-1.8-0.6-3.6-1.6-4.8l-7.7-11.7V32.1l6,7c0.9,0.9,2,1.6,3.2,2l6.7,2.2l-2,5.5c-0.4,1.2,0.2,2.5,1.4,3 l2.2,0.8c1.2,0.4,2.5-0.2,3-1.4l6.7-18.3l9.8,3.6c1.6,0.6,2.7-0.7,3-1.4l6.3-17.4C81.3,16.4,80.7,15.1,79.5,14.6z M69.6,28.3 l-17.4-6.3l3.2-8.7l17.4,6.3L69.6,28.3z M27.8,18.9c3.8,0,6.9-3.1,6.9-6.9S31.6,5,27.8,5s-6.9,3.1-6.9,6.9S24,18.9,27.8,18.9z',
fillColor: '#f3811b',
fillOpacity: 1,
scale: .50,
strokeColor: 'white',
strokeWeight: 0,
anchor: new google.maps.Point(50,50)
};
var contentString = "<h5>Iris and Howard Real Estate</h5><p>2834 G Howard Avenue<br>Myrtle Beach, South Carolina 29577</p>";
function initMap() {
mapCenter = new google.maps.LatLng(t2hLat,t2hLng);
var mapOptions = {
zoom: mapZoomStart,
center: mapCenter,
styles: gmap_styles,
scrollwheel: false,
mapTypeControl: false,
streetViewControl: false
};
// Create a map object and specify the DOM element for display.
theMap = new google.maps.Map(document.getElementById('map_canvas_full'), mapOptions);
//////// geolocation this device
// Try HTML5 geolocation.
var positionMarker = new MarkerWithLabel({
position: mapCenter,
animation: google.maps.Animation.DROP,
draggable : false,
map: theMap,
icon: personMarker,
});	
addYourLocationButton(theMap, positionMarker);
///// info window
infowindow = new google.maps.InfoWindow({
content: contentString
});
// event listeners 
//theMap.addListener('zoom_changed', function(e) { showHideLabelsOnZoom(e); });
//showHideLabelsOnZoom();
theMap.addListener('dragend', function(e) { getProperties(e); });
theMap.addListener('zoom_changed', function(e) { getProperties(e); });
google.maps.event.addListenerOnce(theMap, 'idle', function(e){ getProperties(e); });
}; // initMap
function addYourLocationButton(map,marker) 
{
var controlDiv = document.createElement('div');
var firstChild = document.createElement('button');
firstChild.title = 'Your Location';
firstChild.className = 'location_button';
controlDiv.appendChild(firstChild);
firstChild.addEventListener('click', function() {
$('.location_button').addClass('pulseAni');
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
$('.location_button').removeClass('pulseAni');
marker.setPosition(pos);
theMap.setCenter(pos);
}, function() {
handleLocationRefusal(true, infowindow, theMap.getCenter());
});
} 
else{
$('.location_button').removeClass('pulseAni');
//clearInterval(animationInterval);
//$('.location_button').css('opacity', '1.0');
}
});
controlDiv.index = 1;
theMap.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(controlDiv);
}
function handleLocationError(browserHasGeolocation, infoWindow, pos) {
// add pin marker
var mapPin = '/themes/irishoward/images/map-flag.png';
var pinIcon = new google.maps.MarkerImage(
"/themes/irishoward/images/map-flag.png",
null, /* size is determined at runtime */
null, /* origin is 0,0 */
null, /* anchor is bottom center of the scaled image */
new google.maps.Size(100, 100)
);
var positionMarker = new MarkerWithLabel({
icon: pinIcon,
position: mapCenter,
animation: google.maps.Animation.DROP,
draggable: false,
raiseOnDrag: true,
map: theMap,
title: 'Iris & Howard Real Estate'
});
positionMarker.addListener('click', function() {
infowindow.open(theMap, positionMarker);
}); 
// END add pin marker
/*infoWindow.setPosition(pos);
infoWindow.setContent(browserHasGeolocation ?
'Error: The Geolocation service failed.' :
'Error: Your browser doesn\'t support geolocation.');
infoWindow.open(theMap);*/
}
function handleLocationRefusal(browserHasGeolocation, infoWindow, pos) {
$('.location_button').removeClass('pulseAni');
// add pin marker
var mapPin = '/themes/irishoward/images/map-flag.png';
var pinIcon = new google.maps.MarkerImage(
"/themes/irishoward/images/map-flag.png",
null, /* size is determined at runtime */
null, /* origin is 0,0 */
null, /* anchor is bottom center of the scaled image */
new google.maps.Size(100, 100)
);
var positionMarker = new MarkerWithLabel({
icon: pinIcon,
position: mapCenter,
animation: google.maps.Animation.DROP,
draggable: false,
raiseOnDrag: true,
map: theMap,
title: 'Iris & Howard Real Estate'
});
positionMarker.addListener('click', function() {
infowindow.open(theMap, positionMarker);
}); 
// END add pin marker
/*infoWindow.setPosition(pos);
infoWindow.setContent(browserHasGeolocation ?
'We\'ll use our office as the map center for now' :
'We\'ll use our office as the map center for now');
infoWindow.open(theMap);*/
}
//////// END geolocation this device
function formatAskingPrice(price) {
var formattedPrice = Math.round( parseInt(price) );
//formattedPrice = Math.round( formattedPrice );
if ( formattedPrice >= 1000) {
formattedPrice = formattedPrice / 1000;
formattedPrice = '$' + Math.round( formattedPrice ) + 'k';
} else {
formattedPrice = '$' + formattedPrice;
}
return formattedPrice;
}
function getProperties() {
$('.mls-loading').addClass('show');
var theBounds = theMap.getBounds();
/// set the lat/lng in the form fields
$('input[name="minLat"]').val(theBounds.toJSON().south);
$('input[name="maxLat"]').val(theBounds.toJSON().north);
$('input[name="minLng"]').val(theBounds.toJSON().west);
$('input[name="maxLng"]').val(theBounds.toJSON().east);
//console.log( $("#mlsMapForm").serialize() );
var url = "/themes/irishoward/modules/myrtle-beach-mls/realcfc/mlsnew.cfc?method=searchMLSbyMap";
$.ajax({
type: "POST",
url: url,
data: $("#mlsMapForm").serialize(),
success: function(thedata)
{
var result = JSON.parse(thedata);
var listings = result.LISTINGS.data;
//console.log(listings);
for (var i = 0; i < listings.length; i++) {
//const found = listingArray.find(obj => obj.L_LISTINGID == listings[i].L_LISTINGID);
//console.log('found: ' + listings[i].L_LISTINGID + ' ' + found);	
var obj = $.grep(listingArray, function(obj){return obj.mlsNumber === listings[i].L_LISTINGID;});
console.log('obj: ' + listings[i].L_LISTINGID + ' : ' + obj);	
var newLatLng = new google.maps.LatLng(
listings[i].LMD_MP_LATITUDE,
listings[i].LMD_MP_LONGITUDE
);
var listingMarker = new MarkerWithLabel({
position: newLatLng,
animation: google.maps.Animation.DROP,
title: String(listings[i].L_LISTINGID),
draggable : false,
//map: theMap,
icon: myMarker,
markerID : listings[i].L_LISTINGID,
mlsNumber: listings[i].L_LISTINGID,
markerText : String(listings[i].L_LISTINGID),
image : listings[i].THUMBNAIL,
askingPrice : formatAskingPrice(listings[i].L_ASKINGPRICE),
squareFootage : String(listings[i].LM_CHAR10_11),
address : String(listings[i].L_ADDRESS),
city : String(listings[i].L_CITY),
beds : String(listings[i].L_KEYWORD1),
baths : String(listings[i].L_KEYWORD2),
halfbaths : String(listings[i].L_KEYWORD3),
L_numUnits : String(listings[i].L_NUMUNITS),
L_class : String(listings[i].L_CLASS),
L_numAcres : String(listings[i].L_NUMACRES),
L_saleRent : String(listings[i].L_SALERENT),
markerSubhead: String(listings[i].L_LISTINGID),
labelContent: formatAskingPrice(listings[i].L_ASKINGPRICE),
labelAnchor: new google.maps.Point(14, 20),
labelClass: "mls-marker-label",
labelInBackground: true
});	
google.maps.event.addListener(listingMarker, 'click', openlistingInfoWindow);
function checkMarker(marker) {
if ( marker.markerID === listingMarker.markerID ) {
return true;
} else {
return false;
}
}
if ( listingArray.find(checkMarker) == undefined ) {
listingMarker.setMap(theMap);
listingArray.push(listingMarker);
}
}//// /for listing in listings
$('.mls-loading').removeClass('show');
},//// success
error: function (xhr, textStatus, errorThrown){
alert(errorThrown);
}
}); //ajax
};	// getProperties
function openlistingInfoWindow(marker) {
//console.log(marker);
var pLatStr = this.position.lat().toString().substring(0,9);
var pLngStr = this.position.lng().toString().substring(0,10);
var bedsbaths = `<span class="beds">${this.beds}<small>Beds</small></span><span class="baths">${this.baths}<small>Baths</small></span>`;
//console.log(this.L_class);
switch(this.L_class) {
case 'MULTI-FAMILY':
bedsbaths = `<span class="beds">${this.L_numUnits}<small>Units</small></span>`;
break;
case 'LAND':
bedsbaths = `<span class="beds">${this.L_numAcres}<small>Acres</small></span>`;
break;
case 'COMMERCIAL/INDUSTRIAL':
bedsbaths = `<span class="beds">${this.L_numAcres}<small>Acres</small></span><span class="baths">${this.L_numUnits}<small>Units</small></span>`;
break;
default:
}	
var contentString = `<div class="mapPopup" style="background-image: url(${this.image});"><a href="/themes/irishoward/modules/myrtle-beach-mls/map/map_property_details.cfm?mlsNumber=${this.mlsNumber}" data-fancybox="" data-type="iframe" data-options="{
toolbar : false,smallBtn : true,iframe : {preload : false}}">
<div class="className">${this.L_class}</div>
<div class="mapPop-content">
<div class="mapPop-content-left">
<h4><small>${this.L_saleRent}</small> ${this.askingPrice}</h4>
<p>${this.address}, ${this.city}</p>
</div>
<div class="mapPop-content-right">
${bedsbaths}
</div>
</div>
</a></div>`;
listingInfoWindow.setContent(contentString);
//listingInfoWindow.close();
listingInfoWindow.open(theMap,this);
}
function offsetMapCenter(map,offsetX, offsetY){
if ( $(window).width() > 768 ) {
var offsetXnew = -(window.innerWidth / 4);
map.setCenter(mapCenter);
map.panBy(offsetXnew,0);
} else {
var offsetYnew = -(window.innerHeight / 2.5);
map.setCenter(mapCenter);
map.panBy(0,offsetYnew);
}
};
$( window ).resize(function() {
//offsetMapCenter(theMap);
});
// show/hide markers
function setMapOnAll(theMap) {
for (var i = 0; i < listingArray.length; i++) {
listingArray[i].setMap(theMap);
}
listingArray = [];
};
// Removes the markers from the map, but keeps them in the array.
function clearMarkers() { setMapOnAll(null); console.log('clear markers'); }
// Shows any markers currently in the array.
function showMarkers() { setMapOnAll(theMap); }
// show/hide marker labels
function showLabels() {
for (var i = 0; i < listingArray.length; i++) {
listingArray[i].set('labelVisible', true);
}
};
function hideLabels() {
for (var i = 0; i < listingArray.length; i++) {
listingArray[i].set('labelVisible', false);
}
};
function showHideLabelsOnZoom() {
console.log( 'mapzoom: ' + theMap.getZoom());	
if ( theMap.getZoom() < zLevelHide ) {
clearMarkers();
} else {
showMarkers();
}
};
function findLatInPoints(pointArr,inLat) { // return number of times lat appears in points
var result = $.grep(pointArr, function(e){ 
return e.lat() === inLat; 
});
return result.length;
}// findLat
//////////////// markers ////////////////
/////////////// end markers ///////////////
var gmap_styles =	[
{
"elementType": "geometry",
"stylers": [
{
"color": "#d8dbd1"
}
]
},
{
"elementType": "labels.icon",
"stylers": [
{
"visibility": "off"
}
]
},
{
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#616161"
}
]
},
{
"elementType": "labels.text.stroke",
"stylers": [
{
"color": "#f5f5f5"
}
]
},
{
"featureType": "administrative",
"elementType": "labels",
"stylers": [
{
"color": "#203727"
}
]
},
{
"featureType": "administrative",
"elementType": "labels.text.stroke",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "administrative.land_parcel",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#bdbdbd"
}
]
},
{
"featureType": "poi",
"elementType": "geometry",
"stylers": [
{
"color": "#eeeeee"
}
]
},
{
"featureType": "poi",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#757575"
}
]
},
{
"featureType": "poi.park",
"elementType": "geometry",
"stylers": [
{
"color": "#e5e5e5"
}
]
},
{
"featureType": "poi.park",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#9e9e9e"
}
]
},
{
"featureType": "road",
"elementType": "geometry",
"stylers": [
{
"color": "#ffffff"
}
]
},
{
"featureType": "road.arterial",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#757575"
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry",
"stylers": [
{
"color": "#dadada"
}
]
},
{
"featureType": "road.highway",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#616161"
}
]
},
{
"featureType": "road.local",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#9e9e9e"
}
]
},
{
"featureType": "transit.line",
"elementType": "geometry",
"stylers": [
{
"color": "#e5e5e5"
}
]
},
{
"featureType": "transit.station",
"elementType": "geometry",
"stylers": [
{
"color": "#eeeeee"
}
]
},
{
"featureType": "water",
"elementType": "geometry",
"stylers": [
{
"color": "#a0bbb8"
}
]
},
{
"featureType": "water",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#9e9e9e"
}
]
}
];