/**
* This jQuery plugin displays map and it's components.
* @author Flipper Code (hello *at* flippercode *dot* com)
* @version 1.0
*/
(function($, window, document, undefined) {
"use strict";
function wpgmpInitializeInfoBox() {
var InfoBox = function(opt_opts) {
opt_opts = opt_opts || {};
google.maps.OverlayView.apply(this, arguments);
// Standard options (in common with google.maps.InfoWindow):
//
this.content_ = opt_opts.content || "";
this.disableAutoPan_ = opt_opts.disableAutoPan || false;
this.maxWidth_ = opt_opts.maxWidth || 0;
this.pixelOffset_ = opt_opts.pixelOffset || new google.maps.Size(0, 0);
this.position_ = opt_opts.position || new google.maps.LatLng(0, 0);
this.zIndex_ = opt_opts.zIndex || null;
// Additional options (unique to InfoBox):
//
this.boxClass_ = opt_opts.boxClass || "infoBox";
this.boxStyle_ = opt_opts.boxStyle || {};
this.closeBoxMargin_ = opt_opts.closeBoxMargin || "2px";
this.closeBoxURL_ = opt_opts.closeBoxURL || "//www.google.com/intl/en_us/mapfiles/close.gif";
if (opt_opts.closeBoxURL === "") {
this.closeBoxURL_ = "";
}
this.closeBoxTitle_ = opt_opts.closeBoxTitle || " Close ";
this.infoBoxClearance_ = opt_opts.infoBoxClearance || new google.maps.Size(1, 1);
if (typeof opt_opts.visible === "undefined") {
if (typeof opt_opts.isHidden === "undefined") {
opt_opts.visible = true;
} else {
opt_opts.visible = !opt_opts.isHidden;
}
}
this.isHidden_ = !opt_opts.visible;
this.alignBottom_ = opt_opts.alignBottom || false;
this.pane_ = opt_opts.pane || "floatPane";
this.enableEventPropagation_ = opt_opts.enableEventPropagation || false;
this.div_ = null;
this.closeListener_ = null;
this.moveListener_ = null;
this.contextListener_ = null;
this.eventListeners_ = null;
this.fixedWidthSet_ = null;
}
InfoBox.prototype = new google.maps.OverlayView();
/**
* Creates the DIV representing the InfoBox.
* @private
*/
InfoBox.prototype.createInfoBoxDiv_ = function() {
var i;
var events;
var bw;
var me = this;
// This handler prevents an event in the InfoBox from being passed on to the map.
//
var cancelHandler = function(e) {
e.cancelBubble = true;
if (e.stopPropagation) {
e.stopPropagation();
}
};
// This handler ignores the current event in the InfoBox and conditionally prevents
// the event from being passed on to the map. It is used for the contextmenu event.
//
var ignoreHandler = function(e) {
e.returnValue = false;
if (e.preventDefault) {
e.preventDefault();
}
if (!me.enableEventPropagation_) {
cancelHandler(e);
}
};
if (!this.div_) {
this.div_ = document.createElement("div");
this.setBoxStyle_();
if (typeof this.content_.nodeType === "undefined") {
this.div_.innerHTML = this.getCloseBoxImg_() + this.content_;
} else {
this.div_.innerHTML = this.getCloseBoxImg_();
this.div_.appendChild(this.content_);
}
// Add the InfoBox DIV to the DOM
this.getPanes()[this.pane_].appendChild(this.div_);
this.addClickHandler_();
if (this.div_.style.width) {
this.fixedWidthSet_ = true;
} else {
if (this.maxWidth_ !== 0 && this.div_.offsetWidth > this.maxWidth_) {
this.div_.style.width = this.maxWidth_;
this.div_.style.overflow = "auto";
this.fixedWidthSet_ = true;
} else { // The following code is needed to overcome problems with MSIE
bw = this.getBoxWidths_();
this.div_.style.width = (this.div_.offsetWidth - bw.left - bw.right) + "px";
this.fixedWidthSet_ = false;
}
}
this.panBox_(this.disableAutoPan_);
if (!this.enableEventPropagation_) {
this.eventListeners_ = [];
// Cancel event propagation.
//
// Note: mousemove not included (to resolve Issue 152)
events = ["mousedown", "mouseover", "mouseout", "mouseup",
"click", "dblclick", "touchstart", "touchend", "touchmove"
];
for (i = 0; i < events.length; i++) {
this.eventListeners_.push(google.maps.event.addDomListener(this.div_, events[i], cancelHandler));
}
// Workaround for Google bug that causes the cursor to change to a pointer
// when the mouse moves over a marker underneath InfoBox.
this.eventListeners_.push(google.maps.event.addDomListener(this.div_, "mouseover", function(e) {
this.style.cursor = "default";
}));
}
this.contextListener_ = google.maps.event.addDomListener(this.div_, "contextmenu", ignoreHandler);
/**
* This event is fired when the DIV containing the InfoBox's content is attached to the DOM.
* @name InfoBox#domready
* @event
*/
google.maps.event.trigger(this, "domready");
}
};
/**
* Returns the HTML ![]()
tag for the close box.
* @private
*/
InfoBox.prototype.getCloseBoxImg_ = function() {
var img = "";
if (this.closeBoxURL_ !== "") {
img = " mapWidth) {
xOffset = pixPosition.x + iwWidth + iwOffsetX + padX - mapWidth;
}
if (this.alignBottom_) {
if (pixPosition.y < (-iwOffsetY + padY + iwHeight)) {
yOffset = pixPosition.y + iwOffsetY - padY - iwHeight;
} else if ((pixPosition.y + iwOffsetY + padY) > mapHeight) {
yOffset = pixPosition.y + iwOffsetY + padY - mapHeight;
}
} else {
if (pixPosition.y < (-iwOffsetY + padY)) {
yOffset = pixPosition.y + iwOffsetY - padY;
} else if ((pixPosition.y + iwHeight + iwOffsetY + padY) > mapHeight) {
yOffset = pixPosition.y + iwHeight + iwOffsetY + padY - mapHeight;
}
}
if (!(xOffset === 0 && yOffset === 0)) {
// Move the map to the shifted center.
//
var c = map.getCenter();
map.panBy(xOffset, yOffset);
}
}
}
}
};
/**
* Sets the style of the InfoBox by setting the style sheet and applying
* other specific styles requested.
* @private
*/
InfoBox.prototype.setBoxStyle_ = function() {
var i, boxStyle;
if (this.div_) {
// Apply style values from the style sheet defined in the boxClass parameter:
this.div_.className = this.boxClass_;
// Clear existing inline style values:
this.div_.style.cssText = "";
// Apply style values defined in the boxStyle parameter:
boxStyle = this.boxStyle_;
for (i in boxStyle) {
if (boxStyle.hasOwnProperty(i)) {
this.div_.style[i] = boxStyle[i];
}
}
// Fix for iOS disappearing InfoBox problem.
// See http://stackoverflow.com/questions/9229535/google-maps-markers-disappear-at-certain-zoom-level-only-on-iphone-ipad
// Required: use "matrix" technique to specify transforms in order to avoid this bug.
if ((typeof this.div_.style.WebkitTransform === "undefined") || (this.div_.style.WebkitTransform.indexOf("translateZ") === -1 && this.div_.style.WebkitTransform.indexOf("matrix") === -1)) {
this.div_.style.WebkitTransform = "translateZ(0)";
}
// Fix up opacity style for benefit of MSIE:
//
if (typeof this.div_.style.opacity !== "undefined" && this.div_.style.opacity !== "") {
// See http://www.quirksmode.org/css/opacity.html
this.div_.style.MsFilter = "\"progid:DXImageTransform.Microsoft.Alpha(Opacity=" + (this.div_.style.opacity * 100) + ")\"";
this.div_.style.filter = "alpha(opacity=" + (this.div_.style.opacity * 100) + ")";
}
// Apply required styles:
//
this.div_.style.position = "absolute";
this.div_.style.visibility = 'hidden';
if (this.zIndex_ !== null) {
this.div_.style.zIndex = this.zIndex_;
}
}
};
/**
* Get the widths of the borders of the InfoBox.
* @private
* @return {Object} widths object (top, bottom left, right)
*/
InfoBox.prototype.getBoxWidths_ = function() {
var computedStyle;
var bw = {
top: 0,
bottom: 0,
left: 0,
right: 0
};
var box = this.div_;
if (document.defaultView && document.defaultView.getComputedStyle) {
computedStyle = box.ownerDocument.defaultView.getComputedStyle(box, "");
if (computedStyle) {
// The computed styles are always in pixel units (good!)
bw.top = parseInt(computedStyle.borderTopWidth, 10) || 0;
bw.bottom = parseInt(computedStyle.borderBottomWidth, 10) || 0;
bw.left = parseInt(computedStyle.borderLeftWidth, 10) || 0;
bw.right = parseInt(computedStyle.borderRightWidth, 10) || 0;
}
} else if (document.documentElement.currentStyle) { // MSIE
if (box.currentStyle) {
// The current styles may not be in pixel units, but assume they are (bad!)
bw.top = parseInt(box.currentStyle.borderTopWidth, 10) || 0;
bw.bottom = parseInt(box.currentStyle.borderBottomWidth, 10) || 0;
bw.left = parseInt(box.currentStyle.borderLeftWidth, 10) || 0;
bw.right = parseInt(box.currentStyle.borderRightWidth, 10) || 0;
}
}
return bw;
};
/**
* Invoked when close is called. Do not call it directly.
*/
InfoBox.prototype.onRemove = function() {
if (this.div_) {
this.div_.parentNode.removeChild(this.div_);
this.div_ = null;
}
};
/**
* Draws the InfoBox based on the current map projection and zoom level.
*/
InfoBox.prototype.draw = function() {
this.createInfoBoxDiv_();
var pixPosition = this.getProjection().fromLatLngToDivPixel(this.position_);
this.div_.style.left = (pixPosition.x + this.pixelOffset_.width) + "px";
if (this.alignBottom_) {
this.div_.style.bottom = -(pixPosition.y + this.pixelOffset_.height) + "px";
} else {
this.div_.style.top = (pixPosition.y + this.pixelOffset_.height) + "px";
}
if (this.isHidden_) {
this.div_.style.visibility = "hidden";
} else {
this.div_.style.visibility = "visible";
}
};
/**
* Sets the options for the InfoBox. Note that changes to the maxWidth,
* closeBoxMargin, closeBoxTitle, closeBoxURL, and
* enableEventPropagation properties have no affect until the current
* InfoBox is closed and a new one is opened.
* @param {InfoBoxOptions} opt_opts
*/
InfoBox.prototype.setOptions = function(opt_opts) {
if (typeof opt_opts.boxClass !== "undefined") { // Must be first
this.boxClass_ = opt_opts.boxClass;
this.setBoxStyle_();
}
if (typeof opt_opts.boxStyle !== "undefined") { // Must be second
this.boxStyle_ = opt_opts.boxStyle;
this.setBoxStyle_();
}
if (typeof opt_opts.content !== "undefined") {
this.setContent(opt_opts.content);
}
if (typeof opt_opts.disableAutoPan !== "undefined") {
this.disableAutoPan_ = opt_opts.disableAutoPan;
}
if (typeof opt_opts.maxWidth !== "undefined") {
this.maxWidth_ = opt_opts.maxWidth;
}
if (typeof opt_opts.pixelOffset !== "undefined") {
this.pixelOffset_ = opt_opts.pixelOffset;
}
if (typeof opt_opts.alignBottom !== "undefined") {
this.alignBottom_ = opt_opts.alignBottom;
}
if (typeof opt_opts.position !== "undefined") {
this.setPosition(opt_opts.position);
}
if (typeof opt_opts.zIndex !== "undefined") {
this.setZIndex(opt_opts.zIndex);
}
if (typeof opt_opts.closeBoxMargin !== "undefined") {
this.closeBoxMargin_ = opt_opts.closeBoxMargin;
}
if (typeof opt_opts.closeBoxURL !== "undefined") {
this.closeBoxURL_ = opt_opts.closeBoxURL;
}
if (typeof opt_opts.closeBoxTitle !== "undefined") {
this.closeBoxTitle_ = opt_opts.closeBoxTitle;
}
if (typeof opt_opts.infoBoxClearance !== "undefined") {
this.infoBoxClearance_ = opt_opts.infoBoxClearance;
}
if (typeof opt_opts.isHidden !== "undefined") {
this.isHidden_ = opt_opts.isHidden;
}
if (typeof opt_opts.visible !== "undefined") {
this.isHidden_ = !opt_opts.visible;
}
if (typeof opt_opts.enableEventPropagation !== "undefined") {
this.enableEventPropagation_ = opt_opts.enableEventPropagation;
}
if (this.div_) {
this.draw();
}
};
/**
* Sets the content of the InfoBox.
* The content can be plain text or an HTML DOM node.
* @param {string|Node} content
*/
InfoBox.prototype.setContent = function(content) {
this.content_ = content;
if (this.div_) {
if (this.closeListener_) {
google.maps.event.removeListener(this.closeListener_);
this.closeListener_ = null;
}
// Odd code required to make things work with MSIE.
//
if (!this.fixedWidthSet_) {
this.div_.style.width = "";
}
if (typeof content.nodeType === "undefined") {
this.div_.innerHTML = this.getCloseBoxImg_() + content;
} else {
this.div_.innerHTML = this.getCloseBoxImg_();
this.div_.appendChild(content);
}
// Perverse code required to make things work with MSIE.
// (Ensures the close box does, in fact, float to the right.)
//
if (!this.fixedWidthSet_) {
this.div_.style.width = this.div_.offsetWidth + "px";
if (typeof content.nodeType === "undefined") {
this.div_.innerHTML = this.getCloseBoxImg_() + content;
} else {
this.div_.innerHTML = this.getCloseBoxImg_();
this.div_.appendChild(content);
}
}
this.addClickHandler_();
}
/**
* This event is fired when the content of the InfoBox changes.
* @name InfoBox#content_changed
* @event
*/
google.maps.event.trigger(this, "content_changed");
};
/**
* Sets the geographic location of the InfoBox.
* @param {LatLng} latlng
*/
InfoBox.prototype.setPosition = function(latlng) {
this.position_ = latlng;
if (this.div_) {
this.draw();
}
/**
* This event is fired when the position of the InfoBox changes.
* @name InfoBox#position_changed
* @event
*/
google.maps.event.trigger(this, "position_changed");
};
/**
* Sets the zIndex style for the InfoBox.
* @param {number} index
*/
InfoBox.prototype.setZIndex = function(index) {
this.zIndex_ = index;
if (this.div_) {
this.div_.style.zIndex = index;
}
/**
* This event is fired when the zIndex of the InfoBox changes.
* @name InfoBox#zindex_changed
* @event
*/
google.maps.event.trigger(this, "zindex_changed");
};
/**
* Sets the visibility of the InfoBox.
* @param {boolean} isVisible
*/
InfoBox.prototype.setVisible = function(isVisible) {
this.isHidden_ = !isVisible;
if (this.div_) {
this.div_.style.visibility = (this.isHidden_ ? "hidden" : "visible");
}
};
/**
* Returns the content of the InfoBox.
* @returns {string}
*/
InfoBox.prototype.getContent = function() {
return this.content_;
};
/**
* Returns the geographic location of the InfoBox.
* @returns {LatLng}
*/
InfoBox.prototype.getPosition = function() {
return this.position_;
};
/**
* Returns the zIndex for the InfoBox.
* @returns {number}
*/
InfoBox.prototype.getZIndex = function() {
return this.zIndex_;
};
/**
* Returns a flag indicating whether the InfoBox is visible.
* @returns {boolean}
*/
InfoBox.prototype.getVisible = function() {
var isVisible;
if ((typeof this.getMap() === "undefined") || (this.getMap() === null)) {
isVisible = false;
} else {
isVisible = !this.isHidden_;
}
return isVisible;
};
/**
* Returns the width of the InfoBox in pixels.
* @returns {number}
*/
InfoBox.prototype.getWidth = function() {
var width = null;
if (this.div_) {
width = this.div_.offsetWidth;
}
return width;
};
/**
* Returns the height of the InfoBox in pixels.
* @returns {number}
*/
InfoBox.prototype.getHeight = function() {
var height = null;
if (this.div_) {
height = this.div_.offsetHeight;
}
return height;
};
/**
* Shows the InfoBox. [Deprecated; use setVisible instead.]
*/
InfoBox.prototype.show = function() {
this.isHidden_ = false;
if (this.div_) {
this.div_.style.visibility = "visible";
}
};
/**
* Hides the InfoBox. [Deprecated; use setVisible instead.]
*/
InfoBox.prototype.hide = function() {
this.isHidden_ = true;
if (this.div_) {
this.div_.style.visibility = "hidden";
}
};
/**
* Adds the InfoBox to the specified map or Street View panorama. If anchor
* (usually a google.maps.Marker) is specified, the position
* of the InfoBox is set to the position of the anchor. If the
* anchor is dragged to a new location, the InfoBox moves as well.
* @param {Map|StreetViewPanorama} map
* @param {MVCObject} [anchor]
*/
InfoBox.prototype.open = function(map, anchor) {
var me = this;
if (anchor) {
this.setPosition(anchor.getPosition()); // BUG FIX 2/17/2018: needed for v3.32
this.moveListener_ = google.maps.event.addListener(anchor, "position_changed", function() {
me.setPosition(this.getPosition());
});
}
this.setMap(map);
if (this.div_) {
this.panBox_(this.disableAutoPan_); // BUG FIX 2/17/2018: add missing parameter
}
};
/**
* Removes the InfoBox from the map.
*/
InfoBox.prototype.close = function() {
var i;
if (this.closeListener_) {
google.maps.event.removeListener(this.closeListener_);
this.closeListener_ = null;
}
if (this.eventListeners_) {
for (i = 0; i < this.eventListeners_.length; i++) {
google.maps.event.removeListener(this.eventListeners_[i]);
}
this.eventListeners_ = null;
}
if (this.moveListener_) {
google.maps.event.removeListener(this.moveListener_);
this.moveListener_ = null;
}
if (this.contextListener_) {
google.maps.event.removeListener(this.contextListener_);
this.contextListener_ = null;
}
this.setMap(null);
};
return new InfoBox();
}
function GoogleMaps(element, map_data) {
var options;
this.element = element;
map_data = JSON.parse(atob(map_data));
this.map_data = $.extend({}, {}, map_data);
options = this.map_data.map_options;
this.settings = $.extend({
"zoom": "5",
"map_type_id": "ROADMAP",
"scroll_wheel": true,
"map_visual_refresh": false,
"full_screen_control": false,
"full_screen_control_position": "BOTTOM_RIGHT",
"zoom_control": true,
"zoom_control_style": "SMALL",
"zoom_control_position": "TOP_LEFT",
"map_type_control": true,
"map_type_control_style": "HORIZONTAL_BAR",
"map_type_control_position": "RIGHT_TOP",
"scale_control": true,
"street_view_control": true,
"street_view_control_position": "TOP_LEFT",
"overview_map_control": true,
"center_lat": "40.6153983",
"center_lng": "-74.2535216",
"draggable": true
}, {}, options);
this.container = $("div[rel='" + $(this.element).attr("id") + "']");
$(document).find(".wpgmp_map_container_placeholder").remove();
$(document).find(".wpgmp_hide_map_container").removeClass("wpgmp_hide_map_container");
var suppress_markers = false;
if (this.map_data.map_tabs && this.map_data.map_tabs.direction_tab) {
suppress_markers = this.map_data.map_tabs.direction_tab.suppress_markers;
}
this.directionsService = new google.maps.DirectionsService();
this.directionsDisplay = new google.maps.DirectionsRenderer({
suppressMarkers: suppress_markers,
});
this.drawingmanager = {};
this.geocoder = new google.maps.Geocoder();
this.places = [];
this.show_places = [];
this.categories = {};
this.tabs = [];
this.all_shapes = [];
this.wpgmp_polylines = [];
this.wpgmp_polygons = [];
this.wpgmp_circles = [];
this.wpgmp_shape_events = [];
this.wpgmp_rectangles = [];
this.per_page_value = 0;
this.current_amenities = [];
this.route_directions = [];
this.search_area = '';
this.infobox = wpgmpInitializeInfoBox();
this.markerClusterer = null;
this.infowindow_marker = new google.maps.InfoWindow();
this.init();
}
GoogleMaps.prototype = {
init: function() {
var map_obj = this;
if (map_obj.map_data.map_property && map_obj.map_data.map_property.debug_mode == true) {
console.log('*********WPGMP Debug Mode Output*********');
console.log('Map ID =' + map_obj.map_data.map_property.map_id);
if (map_obj.map_data.places) {
console.log('Total Locations=' + map_obj.map_data.places.length);
}
console.log('WPGMP Object=');
console.log(map_obj.map_data);
console.log('*********WPGMP Debug Mode End Output*********');
}
var center = new google.maps.LatLng(map_obj.settings.center_lat, map_obj.settings.center_lng);
map_obj.map = new google.maps.Map(map_obj.element, {
zoom: parseInt(map_obj.settings.zoom),
center: center,
disableDoubleClickZoom: (map_obj.settings.scroll_wheel != 'false'),
scrollwheel: map_obj.settings.scroll_wheel,
zoomControl: (map_obj.settings.zoom_control === true),
fullscreenControl: (map_obj.settings.full_screen_control === true),
fullscreenControlOptions: {
position: eval("google.maps.ControlPosition." + map_obj.settings.full_screen_control_position)
},
zoomControlOptions: {
style: eval("google.maps.ZoomControlStyle." + map_obj.settings.zoom_control_style),
position: eval("google.maps.ControlPosition." + map_obj.settings.zoom_control_position)
},
mapTypeControl: (map_obj.settings.map_type_control == true),
mapTypeControlOptions: {
style: eval("google.maps.MapTypeControlStyle." + map_obj.settings.map_type_control_style),
position: eval("google.maps.ControlPosition." + map_obj.settings.map_type_control_position)
},
scaleControl: (map_obj.settings.scale_control == true),
streetViewControl: (map_obj.settings.street_view_control == true),
streetViewControlOptions: {
position: eval("google.maps.ControlPosition." + map_obj.settings.street_view_control_position)
},
overviewMapControl: (map_obj.settings.overview_map_control == true),
overviewMapControlOptions: {
opened: map_obj.settings.overview_map_control
},
draggable: map_obj.settings.draggable,
mapTypeId: eval("google.maps.MapTypeId." + map_obj.settings.map_type_id),
styles: eval(map_obj.map_data.styles)
});
map_obj.map_loaded();
map_obj.responsive_map();
map_obj.create_markers();
map_obj.display_markers();
if (typeof map_obj.settings.google_fonts !== 'undefined') {
map_obj.load_google_fonts(map_obj.settings.google_fonts);
}
if ( map_obj.map_data.street_view ) {
map_obj.set_streetview(center);
}
if ( map_obj.map_data.bicyle_layer) {
map_obj.set_bicyle_layer();
}
if ( map_obj.map_data.traffic_layer) {
map_obj.set_traffic_layer();
}
if (map_obj.map_data.transit_layer) {
map_obj.set_transit_layer();
}
if ( map_obj.map_data.panoramio_layer ) {
map_obj.set_panoramic_layer();
}
if (map_obj.settings.display_45_imagery == '45') {
map_obj.set_45_imagery();
}
if (typeof map_obj.map_data.map_visual_refresh === true) {
map_obj.set_visual_refresh();
}
if (map_obj.map_data.marker_cluster) {
map_obj.set_marker_cluster();
}
if (map_obj.settings.search_control == true) {
map_obj.show_search_control();
}
if (map_obj.map_data.listing) {
$(map_obj.container).on('click', '.categories_filter_reset_btn', function() {
$(map_obj.container).find('.wpgmp_filter_wrappers select').each(function() {
$(this).find('option:first').attr('selected', 'selected');
});
$('.wpgmp_search_input').val('');
map_obj.update_filters();
});
$(map_obj.container).on('change', '[data-filter="dropdown"]', function() {
map_obj.update_filters();
});
$(map_obj.container).on('click', '[data-filter="checklist"]', function() {
map_obj.update_filters();
});
$(map_obj.container).on('click', '[data-filter="list"]', function() {
if ($(this).hasClass('fc_selected')) {
$(this).removeClass('fc_selected');
} else {
$(this).addClass('fc_selected');
}
map_obj.update_filters();
});
map_obj.display_filters_listing();
$.each(map_obj.map_data.listing.filters, function(key, filter) {
$(map_obj.container).find('select[name="' + filter + '"]').on('change', function() {
map_obj.update_filters();
});
});
$(map_obj.container).find('[data-name="radius"]').on('change', function() {
var search_data = $(map_obj.container).find('[data-input="wpgmp-search-text"]').val();
if (search_data.length >= 2 && $(this).val() != '') {
map_obj.geocoder.geocode({
"address": search_data
}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map_obj.search_area = results[0].geometry.location;
map_obj.update_filters();
}
});
} else {
map_obj.search_area = '';
map_obj.update_filters();
}
});
$(map_obj.container).find('[data-filter="map-perpage-location-sorting"]').on('change', function() {
map_obj.per_page_value = $(this).val();
map_obj.update_filters();
});
$(map_obj.container).find('[data-input="wpgmp-search-text"]').on('keyup', function() {
var search_data = $(this).val();
$(map_obj.container).find('[data-filter="map-radius"]').val('');
map_obj.search_area = '';
// Apply default radius
if (search_data.length >= 2 && map_obj.map_data.listing.apply_default_radius == true) {
if (search_data.length >= 2) {
map_obj.geocoder.geocode({
"address": search_data
}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map_obj.search_area = results[0].geometry.location;
map_obj.update_filters();
}
});
}
} else {
map_obj.update_filters();
}
});
}
$("body").on("click", ".wpgmp_marker_link", function() {
map_obj.open_infowindow($(this).data("marker"));
$('html, body').animate({
scrollTop: $(map_obj.container).offset().top - 150
}, 500);
});
$(map_obj.container).on("click", "a[data-marker]", function() {
map_obj.open_infowindow($(this).data("marker"));
$('html, body').animate({
scrollTop: $(map_obj.container).offset().top - 150
}, 500);
});
$(map_obj.container).on("click", "a[data-marker]", function() {
map_obj.open_infowindow($(this).data("marker"));
});
// REGISTER AUTO SUGGEST
map_obj.google_auto_suggest($(".wpgmp_auto_suggest"));
if (map_obj.settings.fit_bounds === true) {
map_obj.fit_bounds();
}
},
load_google_fonts: function(fonts) {
if (fonts && fonts.length > 0) {
$.each(fonts, function(k, font) {
if (font.indexOf(',') >= 0) {
font = font.split(",");
font = font[0];
}
if (font.indexOf('"') >= 0) {
font = font.replace('"', '');
font = font.replace('"', '');
}
WebFont.load({
google: {
families: [font]
}
});
});
}
},
createMarker: function(place) {
var map_obj = this;
var map = map_obj.map;
var placeLoc = place.geometry.location;
var image = {
url: place.icon,
size: new google.maps.Size(25, 25),
scaledSize: new google.maps.Size(25, 25)
};
place.marker = new google.maps.Marker({
map: map,
position: place.geometry.location,
icon: image
});
google.maps.event.addListener(place.marker, 'click', function() {
if (map_obj.settings.map_infowindow_customisations === true)
map_obj.amenity_infowindow.setContent('');
else
map_obj.amenity_infowindow.setContent(place.name);
map_obj.amenity_infowindow.open(map, this);
});
map_obj.current_amenities.push(place);
},
marker_bind: function(marker) {
var map_obj = this;
google.maps.event.addListener(marker, 'drag', function() {
var position = marker.getPosition();
map_obj.geocoder.geocode({
latLng: position
}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
$("#googlemap_address").val(results[0].formatted_address);
$(".google_city").val(map_obj.wpgmp_finddata(results[0], 'administrative_area_level_3') || map_obj.wpgmp_finddata(results[0], 'locality'));
$(".google_state").val(map_obj.wpgmp_finddata(results[0], "administrative_area_level_1"));
$(".google_country").val(map_obj.wpgmp_finddata(results[0], "country"));
if (results[0].address_components) {
for (var i = 0; i < results[0].address_components.length; i++) {
for (var j = 0; j < results[0].address_components[i].types.length; j++) {
if (results[0].address_components[i].types[j] == "postal_code") {
var wpgmp_zip_code = results[0].address_components[i].long_name;
$(".google_postal_code").val(wpgmp_zip_code);
}
}
}
}
}
});
$(".google_latitude").val(position.lat());
$(".google_longitude").val(position.lng());
});
},
google_auto_suggest: function(obj) {
var map_obj = this;
obj.each(function() {
var current_input = this;
var autocomplete = new google.maps.places.Autocomplete(this);
autocomplete.bindTo('bounds', map_obj.map);
if ($(this).attr("name") == 'location_address') {
var infowindow = map_obj.infowindow_marker;
var marker = new google.maps.Marker({
map: map_obj.map,
draggable: true,
anchorPoint: new google.maps.Point(0, -29)
});
map_obj.marker_bind(marker);
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
if (!place.geometry) {
return;
}
// If the place has a geometry, then present it on a map.
if (place.geometry.viewport) {
map_obj.map.fitBounds(place.geometry.viewport);
} else {
map_obj.map.setCenter(place.geometry.location);
map_obj.map.setZoom(17);
}
$(".google_latitude").val(place.geometry.location.lat());
$(".google_longitude").val(place.geometry.location.lng());
$(".google_city").val(map_obj.wpgmp_finddata(place, 'administrative_area_level_3') || map_obj.wpgmp_finddata(place, 'locality'));
$(".google_state").val(map_obj.wpgmp_finddata(place, "administrative_area_level_1"));
$(".google_country").val(map_obj.wpgmp_finddata(place, "country"));
if (place.address_components) {
for (var i = 0; i < place.address_components.length; i++) {
for (var j = 0; j < place.address_components[i].types.length; j++) {
if (place.address_components[i].types[j] == "postal_code") {
var wpgmp_zip_code = place.address_components[i].long_name;
$(".google_postal_code").val(wpgmp_zip_code);
}
}
}
}
marker.setPosition(place.geometry.location);
marker.setVisible(true);
});
} else {
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
if (!place.geometry) {
return;
}
$().val(place.geometry.location.lat());
$(current_input).data('longitude', place.geometry.location.lng());
$(current_input).data('latitude', place.geometry.location.lat());
});
}
});
},
wpgmp_finddata: function(result, type) {
var component_name = "";
for (var i = 0; i < result.address_components.length; ++i) {
var component = result.address_components[i];
$.each(component.types, function(index, value) {
if (value == type) {
component_name = component.long_name;
}
});
}
return component_name;
},
open_infowindow: function(current_place) {
var map_obj = this;
$.each(this.map_data.places, function(key, place) {
if (parseInt(place.id) == parseInt(current_place) && place.marker.visible === true) {
map_obj.openInfoWindow(place);
}
});
},
place_info: function(place_id) {
var place_obj;
$.each(this.places, function(index, place) {
if (parseInt(place.id) == parseInt(place_id)) {
place_obj = place;
}
});
return place_obj;
},
event_listener: function(obj, type, func) {
google.maps.event.addListener(obj, type, func);
},
set_visual_refresh: function() {
google.maps.visualRefresh = true;
},
set_45_imagery: function() {
this.map.setTilt(45);
},
set_bicyle_layer: function() {
var bikeLayer = new google.maps.BicyclingLayer();
bikeLayer.setMap(this.map);
},
set_traffic_layer: function() {
var traffic_layer = new google.maps.TrafficLayer();
traffic_layer.setMap(this.map);
},
set_panoramic_layer: function() {
var panoramic_layer = new google.maps.panoramio.PanoramioLayer();
panoramic_layer.setMap(this.map);
},
set_transit_layer: function() {
var transit_layer = new google.maps.TransitLayer();
transit_layer.setMap(this.map);
},
set_streetview: function(latlng) {
var panoOptions = {
position: latlng,
addressControlOptions: {
position: google.maps.ControlPosition.BOTTOM_CENTER
},
linksControl: this.map_data.street_view.links_control,
panControl: this.map_data.street_view.street_view_pan_control,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
},
enableCloseButton: this.map_data.street_view.street_view_close_button
};
if (this.map_data.street_view.pov_heading && this.map_data.street_view.pov_pitch) {
panoOptions['pov'] = {
heading: parseInt(this.map_data.street_view.pov_heading),
pitch: parseInt(this.map_data.street_view.pov_pitch)
};
}
var panorama = new google.maps.StreetViewPanorama(this.element, panoOptions);
},
set_marker_cluster: function() {
var map_obj = this;
var markers = [];
var clusterStyles = [{
textColor: 'black',
url: map_obj.map_data.marker_cluster.icon,
height: 32,
width: 33
}];
$.each(this.places, function(index, place) {
if (place.marker.visible == true) {
markers.push(place.marker);
}
});
if (map_obj.map_data.marker_cluster.apply_style === true) {
if (!map_obj.markerClusterer) {
map_obj.markerClusterer = new MarkerClusterer(map_obj.map, {}, {
gridSize: parseInt(map_obj.map_data.marker_cluster.grid),
maxZoom: parseInt(map_obj.map_data.marker_cluster.max_zoom),
styles: clusterStyles
});
}
map_obj.markerClusterer.clearMarkers();
map_obj.markerClusterer.addMarkers(markers);
google.maps.event.addListener(map_obj.markerClusterer, 'mouseover', function(c) {
c.clusterIcon_.div_.firstChild.src = map_obj.map_data.marker_cluster.hover_icon
});
google.maps.event.addListener(map_obj.markerClusterer, 'mouseout', function(c) {
c.clusterIcon_.div_.firstChild.src = map_obj.map_data.marker_cluster.icon
});
} else {
if (!map_obj.markerClusterer) {
map_obj.markerClusterer = new MarkerClusterer(map_obj.map, {}, {
gridSize: parseInt(map_obj.map_data.marker_cluster.grid),
maxZoom: parseInt(map_obj.map_data.marker_cluster.max_zoom),
imagePath: map_obj.map_data.marker_cluster.image_path,
});
}
map_obj.markerClusterer.clearMarkers();
map_obj.markerClusterer.addMarkers(markers);
}
},
sortByPlace: function(order_by, data_type) {
return function(a, b) {
if (b[order_by] && a[order_by]) {
if (a[order_by] && b[order_by]) {
var a_val = a[order_by].toLowerCase();
var b_val = b[order_by].toLowerCase();
if (data_type == 'num') {
a_val = parseInt(a_val);
b_val = parseInt(b_val);
}
return ((a_val < b_val) ? -1 : ((a_val > b_val) ? 1 : 0));
}
}
}
},
sort_object_by_keyvalue: function(options, by, type, in_order) {
var sortable = [];
for (var key in options) {
sortable.push(options[key]);
}
sortable.sort(this.sortByPlace(by, type));
if (in_order == 'desc') {
sortable.reverse();
}
return sortable;
},
create_filters: function() {
var map_obj = this;
var options = '';
var filters = {};
var places = this.map_data.places;
var wpgmp_listing_filter = this.map_data.listing;
$.each(places, function(index, place) {
if (typeof place.categories == 'undefined') {
place.categories = {};
}
$.each(place.categories, function(cat_index, category) {
if (typeof filters[category.type] == 'undefined') {
filters[category.type] = {};
}
if (category.name) {
if (category.extension_fields && category.extension_fields.cat_order) {
filters[category.type][category.name] = {
'id': category.id,
'order': category.extension_fields.cat_order,
'name': category.name
};
} else {
filters[category.type][category.name] = {
'id': category.id,
'order': 0,
'name': category.name
};
}
}
});
});
// now create select boxes
var content = '',
by = 'name',
type = '',
inorder = 'asc';
if (map_obj.map_data.listing) {
if (map_obj.map_data.listing.default_sorting) {
if (map_obj.map_data.listing.default_sorting.orderby == 'listorder') {
by = 'order';
type = 'num';
inorder = map_obj.map_data.listing.default_sorting.inorder;
}
inorder = map_obj.map_data.listing.default_sorting.inorder;
}
}
$.each(filters, function(index, options) {
if (wpgmp_listing_filter.display_category_filter === true && index == "category") {
content += '';
}
});
return content;
},
update_filters: function() {
var map_obj = this;
var filters = {};
var all_dropdowns = $(map_obj.container).find('[data-filter="dropdown"]');
var all_checkboxes = $(map_obj.container).find('[data-filter="checklist"]:checked');
var all_list = $(map_obj.container).find('[data-filter="list"].fc_selected');
$.each(all_dropdowns, function(index, element) {
if ($(this).val() != '') {
if (typeof filters[$(this).data('name')] == 'undefined') {
filters[$(this).data('name')] = [];
}
filters[$(this).data('name')].push($(this).val());
}
});
$.each(all_checkboxes, function(index, element) {
if (typeof filters[$(this).data('name')] == 'undefined') {
filters[$(this).data('name')] = [];
}
filters[$(this).data('name')].push($(this).val());
});
$.each(all_list, function(index, element) {
if (typeof filters[$(this).data('name')] == 'undefined') {
filters[$(this).data('name')] = [];
}
filters[$(this).data('name')].push($(this).data('value').toString());
});
this.apply_filters(filters);
},
apply_filters: function(filters) {
var map_obj = this;
var showAll = true;
var show = true;
map_obj.show_places = [];
var enable_search_term = false;
// Filter by search box.
if ($(map_obj.container).find('[data-input="wpgmp-search-text"]').length > 0) {
var search_term = $(map_obj.container).find('[data-input="wpgmp-search-text"]').val();
search_term = search_term.toLowerCase();
if (search_term.length > 0) {
enable_search_term = true;
}
}
if (((map_obj.map_data.map_tabs && map_obj.map_data.map_tabs.category_tab && map_obj.map_data.map_tabs.category_tab.cat_tab === true) || $(map_obj.container).find('input[data-marker-category]').length > 0)) {
var all_selected_category_sel = $(map_obj.container).find('input[data-marker-category]:checked');
var all_selected_category = [];
var all_not_selected_location = [];
if (all_selected_category_sel.length > 0) {
$.each(all_selected_category_sel, function(index, selected_category) {
all_selected_category.push($(selected_category).data("marker-category"));
var all_not_selected_location_sel = $(selected_category).closest('[data-container="wpgmp-category-tab-item"]').find('input[data-marker-location]:not(:checked)');
if (all_not_selected_location_sel.length > 0) {
$.each(all_not_selected_location_sel, function(index, not_selected_location) {
all_not_selected_location.push($(not_selected_location).data("marker-location"));
});
}
});
}
var all_selected_location_sel = $(map_obj.container).find('[data-container="wpgmp-category-tab-item"]').find('input[data-marker-location]:checked');
var all_selected_location = [];
if (all_selected_location_sel.length > 0) {
$.each(all_selected_location_sel, function(index, selected_location) {
all_selected_location.push($(selected_location).data("marker-location"));
});
}
}
if (typeof map_obj.map_data.places != 'undefined') {
$.each(map_obj.map_data.places, function(place_key, place) {
show = true;
if (typeof filters != 'undefined') {
$.each(filters, function(filter_key, filter_values) {
var in_fields = false;
if ($.isArray(filter_values)) {
if (typeof place.categories != 'undefined' && filter_key == "category") {
$.each(place.categories, function(cat_index, category) {
if ($.inArray(category.id, filter_values) > -1) {
in_fields = true;
}
});
}
if (typeof place[filter_key] != 'undefined') {
if ($.inArray(place[filter_key], filter_values) > -1) {
in_fields = true;
}
} else if (typeof place.location[filter_key] != 'undefined') {
if ($.inArray(place.location[filter_key], filter_values) > -1) {
in_fields = true;
}
} else if (place.location.extra_fields && typeof place.location.extra_fields[filter_key] != 'undefined') {
var dropdown_value = filter_values[0];
if (place.location.extra_fields[filter_key] && place.location.extra_fields[filter_key].indexOf(dropdown_value) > -1) {
in_fields = true;
} else if ($.inArray(place.location.extra_fields[filter_key], filter_values) > -1) {
in_fields = true;
}
}
if (in_fields == false)
show = false;
} else {
filter_values.val = "";
}
});
}
//Apply Search Filter.
if (enable_search_term === true && show === true) {
if (place.title != undefined && place.title.toLowerCase().indexOf(search_term) >= 0) {
show = true;
} else if (place.content != undefined && place.content.toLowerCase().indexOf(search_term) >= 0) {
show = true;
} else if (place.location.lat.toLowerCase().indexOf(search_term) >= 0) {
show = true;
} else if (place.location.lng.toLowerCase().indexOf(search_term) >= 0) {
show = true;
} else if (place.address && place.address.toLowerCase().indexOf(search_term) >= 0) {
show = true;
} else if (place.location.state && place.location.state.toLowerCase().indexOf(search_term) >= 0) {
show = true;
} else if (place.location.country && place.location.country.toLowerCase().indexOf(search_term) >= 0) {
show = true;
} else if (place.location.postal_code && place.location.postal_code.toLowerCase().indexOf(search_term) >= 0) {
show = true;
} else if (place.location.city && place.location.city.toLowerCase().indexOf(search_term) >= 0) {
show = true;
} else if (typeof map_obj.search_area != 'undefined' && map_obj.search_area != '' && map_obj.wpgmp_within_radius(place, map_obj.search_area) === true) {
show = true;
} else {
show = false;
}
if (typeof place.location.extra_fields != 'undefined') {
$.each(place.location.extra_fields, function(field, value) {
if (value) {
value = value.toString();
if (value && value.toLowerCase().indexOf(search_term) >= 0)
show = true;
}
});
}
}
//Exclude locations without category if location filters are choosed by user
if ((place.categories.length == undefined || place.categories.length == 'undefined') && all_selected_category && (all_selected_category.length > 0) && ($(map_obj.container).find('input[name="wpgmp_select_all"]').is(":checked") == false) && show) {
show = false;
}
// if checked category
if (all_selected_category && show != false && place.categories.length != undefined) {
var in_checked_category = false;
if (all_selected_category.length === 0) {
// means no any category selected so show those location without categories.
if (typeof place.categories != 'undefined') {
$.each(place.categories, function(cat_index, category) {
if (category.id === '')
in_checked_category = true;
});
}
} else {
if (typeof place.categories != 'undefined') {
$.each(place.categories, function(cat_index, category) {
if (category.id === '')
in_checked_category = true;
else if ($.inArray(parseInt(category.id), all_selected_category) > -1) {
in_checked_category = true;
place.marker.setIcon(category.icon);
}
});
}
}
//Hide unchecked locations.
if (all_not_selected_location.length !== 0) {
if ($.inArray(parseInt(place.id), all_not_selected_location) > -1) {
in_checked_category = false;
}
}
//var checked_categories = $(map_obj.container).find('input[data-marker-category]:checked').length;
if (in_checked_category === false)
show = false;
else
show = true;
//Show Here checked location.
if (all_selected_location.length !== 0) {
if ($.inArray(parseInt(place.id), all_selected_location) > -1) {
show = true;
}
}
}
place.marker.visible = show;
place.marker.setVisible(show);
if (show == false) {
place.infowindow.close();
}
place.marker.setAnimation(null);
if (show === true)
map_obj.show_places.push(place);
});
}
if (typeof map_obj.map_data.map_options.bound_map_after_filter !== typeof undefined &&
map_obj.map_data.map_options.bound_map_after_filter === true) {
var after_filter_bounds = new google.maps.LatLngBounds();
for (var j = 0; j < map_obj.show_places.length; j++) {
var markerInResult = new google.maps.LatLng(map_obj.show_places[j]['location']['lat'], map_obj.show_places[j]['location']['lng']);
after_filter_bounds.extend(markerInResult);
}
map_obj.map.fitBounds(after_filter_bounds);
}
if (map_obj.map_data.listing) {
if ($(map_obj.container).find('[data-filter="map-sorting"]').val()) {
var order_data = $(map_obj.container).find('[data-filter="map-sorting"]').val().split("__");
var data_type = '';
if (order_data[0] !== '' && order_data[1] !== '') {
if (typeof order_data[2] != 'undefined') {
data_type = order_data[2];
}
map_obj.sorting(order_data[0], order_data[1], data_type);
}
} else {
if (map_obj.map_data.listing.default_sorting) {
var data_type = '';
if (map_obj.map_data.listing.default_sorting.orderby == 'listorder') {
data_type = 'num';
}
map_obj.sorting(map_obj.map_data.listing.default_sorting.orderby, map_obj.map_data.listing.default_sorting.inorder, data_type);
}
}
}
if (map_obj.map_data.marker_cluster) {
map_obj.set_marker_cluster();
}
},
display_filters_listing: function() {
if (this.map_data.listing) {
var filter_content = '' + this.display_filters() + '
';
$(this.container).find(".wpgmp_map_parent").after(filter_content);
}
},
display_filters: function() {
var hide_locations = this.map_data.listing.hide_locations;
var content = '';
content += '' + this.map_data.listing.listing_header + '
';
content += '' + this.create_filters() + '
';
content += '