" + location.title + "
"; // break; case "titlelink": if (location.locationUrl !== '' && maplistScriptParamsKo.hideviewdetailbuttons != 'true') { return "" + location.title + "
"; } break; case "thumbnail": return location.imageUrl ? "" + self.itemCategories(location) + "
";
// break;
case "address":
return mapObject.options.hideaddress !== 'true' ? "" + location.address + "
" : "";
// break;
default :
return "";
// break;
}
};
// Show the infowindow
self.showInfoWindow = function (location) {
// Close all of the locations
// closeAllLocations();
var position = new google.maps.LatLng(location.latitude, location.longitude);
// Don't show if the infowindow is set to hidden
if (mapObject.options.hideinfowindow !== "true") {
var marker = location._mapMarker;
var content = "";
// Make the title a link to the page
if (location.locationUrl !== '' && maplistScriptParamsKo.hideviewdetailbuttons != 'true') {
content += "
";
} else {
if (mapObject.options.infoboxparts[0] === "title") {
content += "
";
self.infowindow.position = location._mapMarker.getPosition();
self.infowindow.setContent(content);
// Move to marker
self.infowindow.open(self.map, marker);
} else {
// Move to marker
self.map.panTo(position);
}
// If setzoomlevel is set then start to zoom
if (options.zoom.selectedzoomlevel) {
if (options.zoom.keepzoomlevel && !hasZoomed) {
self.map.setZoom(options.zoom.selectedzoomlevel);
hasZoomed = true;
} else {
self.map.setZoom(options.zoom.selectedzoomlevel);
}
}
return true;
};
function filterLocationsByCategory(locations, categories) {
var matchAll = options.categoriesMatchAll === true;
var filteredLocations = ko.utils.arrayFilter(locations, function (location) {
var matched = matchAll;
// Loop all of the selected categories
$.each(categories, function (index, category) {
var found = false;
// loop all of location categories
$.each(location.categories, function (index, locationCat) {
// See if this location has this category
if (category.slug == locationCat.slug) {
// categorisedLocations.push(location);
found = true;
return false;
}
});
if (matchAll) {
if (found !== true) {
matched = false;
}
} else {
if (found === true) {
matched = true;
return false;
}
}
});
return matched;
});
return filteredLocations;
}
// Main loop
// ===========================
// Filtered locations
self.filteredLocations = ko.computed(function () {
// Don't show any locations if hidden and no search terms
if (self.hideuntilsearch && !self.anySearchTermsEntered()) {
return [];
}
// Search query
var locations = self.mapLocations;
var geocodedLocation = self.geocodedLocation();
var search = self.query().toLowerCase();
if (self.anySearchTermsEntered()) {
// TEXT SEARCH
if (mapObject.options.simplesearch == 'true') {
locations = self.getLocationsWithMatchingTerm(locations, search);
} else if (mapObject.options.simplesearch == 'false') {
// LOCATION SEARCH
locations = self.getLocationsByDistance(locations, geocodedLocation);
} else {
// COMBO SEARCH
if (self.locationquery().length > 0) {
// LOCATION SEARCH
locations = self.getLocationsByDistance(locations, geocodedLocation);
}
// TEXT SEARCH
locations = self.getLocationsWithMatchingTerm(locations, search);
}
} else {
// HOME LOCATION SET
// Check to see if homelocation set as we use this for distance calc
if (self.homelocation !== null) {
ko.utils.arrayForEach(locations, function (location) {
var distanceAway = calculateDistance(location.latitude, location.longitude, self.homelocation.latitude, self.homelocation.longitude);
location.distanceAway(distanceAway);
});
// Sort by distance by default
self.sortDirection('asc');
self.selectedSortType('distance');
}
}
// CATEGORY FILTERING
// ===========================
// Only filter if one (or more) has been selected
if (self.useCategoryFilter() === true) {
locations = filterLocationsByCategory(locations, self.selectedCategories());
}
// Custom category filtering
// ====================================
if (mapObject.allTaxonomies !== undefined) {
var selectedCategories = [];
// Gets a list of all of the taxonomies that need to be checked (name only)
_.each(mapObject.allTaxonomies["taxonomyLookup"], function(taxonomyName){
// Then loops each of the categories and checks to see if they have any selected items
var anySelected = _.some(self.customCategories[taxonomyName], function(term){
return term.selected();
});
if(anySelected){
selectedCategories.push(self.customCategories[taxonomyName]);
}
});
// Filter by selected categories
// =============================
// Only return matching locations
locations = _.filter(locations, function(location){
// _.every - has at least one matching term in every selected custom taxonomy
return _.every(selectedCategories, function(category){
// _.some - has at least one matching term in this taxonomy
return _.some(category,function(term){
// Not a selected term so quit
if (!term.selected()) {return false;}
// Get the matching category array from this location, and loop it to see if there are any matches
return _.some(location.customCategories[term.taxonomyName], function(thisLocationCategory){
return term.slug === thisLocationCategory.slug;
});
});
});
});
}
// Update the distance text on each location
$.each(locations, function (index, location) {
var distanceTypeToUse = null;
// Also set distance text in same query to avoid looping twice
if (self.locationquery()) {
distanceTypeToUse = location.searchDistanceAway();
} else {
// Don't show distance on non-geo maps
if ((options.geoenabled === true || (self.homelocation !== null)) && location.distanceAway()) {
// Show distance from home
distanceTypeToUse = location.distanceAway();
}
}
// Show distance if set
location.friendlyDistance(distanceTypeToUse === null ? '' : ' (' + distanceTypeToUse + ' ' + self.unitSystemFriendly + ')');
});
// Sort by sort selection
if (self.sortDirection() == 'asc' && self.selectedSortType() == 'title') {
locations.sort(asc_bytitle);
} else if (self.sortDirection() == 'dec' && self.selectedSortType() == 'title') {
locations.sort(dec_bytitle);
} else if (self.sortDirection() == 'asc' && self.selectedSortType() == 'distance') {
locations.sort(asc_bydistance);
} else if (self.sortDirection() == 'dec' && self.selectedSortType() == 'distance') {
locations.sort(dec_bydistance);
} else if (self.selectedSortType() === 'category') {
locations.sort(asc_bycategorymanual);
} else if (self.selectedSortType() === 'categorytitle') {
locations.sort(asc_bycategorytitle);
}
// Reduce results number if needed
if (mapObject.options.limitresults != -1) {
locations = locations.slice(0, parseInt(mapObject.options.limitresults, 10));
}
// Reset paging
self.pageIndex(0);
// If only one result expand it
if (locations.length == 1) {
if (options.expandSingleresult) {
locations[0].expanded(true);
}
}
return locations;
}, self, {deferEvaluation: true}).extend({throttle: 200});
// Map binding
// ============================
ko.bindingHandlers.map = {
update: function (element, valueAccessor, allBindingsAccessor, viewModel) {
// First get the latest data that we're bound to
var value = valueAccessor();
var search = viewModel.query();
// Next, whether or not the supplied model property is observable, get its current value
var valueUnwrapped = ko.utils.unwrapObservable(value);
// if(valueUnwrapped.length <= 0){ return []; }
// Hide all markers
$.each(viewModel.mapLocations, function (index, location) {
if (location._mapMarker) {
location._mapMarker.setVisible(false);
}
});
// Loop all locations
$.each(valueUnwrapped, function (index, location) {
// if marker is not already set on the location
if (!location._mapMarker) {
var image = new google.maps.MarkerImage(
location.pinImageUrl
);
var position = new google.maps.LatLng(location.latitude, location.longitude);
var mapToUse = self.map;
if (mapObject.options.clustermarkers == 'true') {
mapToUse = null;
}
// Create marker
// -----------------------------
var marker = new google.maps.Marker({
map: mapToUse,
position: position,
title: location.title,
content: '',
icon: image,
optimized: false,
animation: google.maps.Animation.DROP
});
// Marker click
// -----------------------------
google.maps.event.addListener(marker, 'click', function () {
// Uncomment to go straight to detail page on marker click
// window.location.href = createLocationUrl(location);
// return false;
closeAllLocations();
// Show the bubble
viewModel.showInfoWindow(location);
// Show/Hide the item in the list
location.expanded(!location.expanded());
// Go to the correct page
if (location.expanded) {
goToLocationPage(location);
}
});
// Uncomment to make locations show on hover
// =====================================
// google.maps.event.addListener(marker, 'mouseover', function() {
// // Uncomment to go straight to detail page on marker click
// // window.location.href = createLocationUrl(location);
// // return false;
// if(options.viewstyle === "accordion"){
// closeAllLocations();
// }
// // Show the bubble
// viewModel.showInfoWindow(location);
// // Show/Hide the item in the list
// location.expanded(true);
// });
// google.maps.event.addListener(marker, 'mouseout', function() {
// // Uncomment to go straight to detail page on marker click
// // window.location.href = createLocationUrl(location);
// // return false;
// if(options.viewstyle === "accordion"){
// closeAllLocations();
// }
// // Show the bubble
// self.infowindow.close();
// // Show/Hide the item in the list
// location.expanded(false);
// });
// Set the marker
// -----------------------------u
location._mapMarker = marker;
viewModel.markers.push(marker);
}
// Show this location
location._mapMarker.setAnimation(google.maps.Animation.DROP);
location._mapMarker.setVisible(true);
});
// If only one result expand it
if (self.filteredLocations.peek().length === 1 && options.viewstyle !== 'listonly') {
if (options.expandSingleresult) {
// viewModel.filteredLocations()[0].expanded(true);
self.showInfoWindow(viewModel.filteredLocations()[0]);
}
}
// Set zoom
viewModel.resetMapZoom();
}
};
function autoZoomToMarkers() {
// Bounds object
self.bounds = new google.maps.LatLngBounds();
// Loop over the locations and build up the bounds
ko.utils.arrayForEach(self.filteredLocations.peek(), function (location) {
self.bounds.extend(location._mapMarker.position);
// If geo is used use it in bounds
if (self.userLocation._mapMarker) {
self.bounds.extend(self.userLocation._mapMarker.position);
}
if (mapObject.options.clustermarkers == 'true') {
self.markerClusterer.addMarker(location._mapMarker);
}
});
// Single location, no geo
if (self.filteredLocations.peek().length === 1 && !self.userLocation._mapMarker) {
self.map.setZoom(self.singleLocationZoom);
var centrepoint = new google.maps.LatLng(self.filteredLocations.peek()[0].latitude, self.filteredLocations.peek()[0].longitude);
self.map.panTo(centrepoint);
} else {
// Move to default position and zoom if no results
if (self.bounds.isEmpty()) {
// Make sure at least one location was returned
if (mapObject.locations.length === 0) {
self.map.setZoom(self.singleLocationZoom);
self.map.panTo(new google.maps.LatLng(0, 0));
} else
{
self.map.setZoom(self.defaultZoom);
self.map.panTo(self.centrePoint);
}
} else {
// Fit these bounds to the map
self.map.fitBounds(self.bounds);
}
}
}
/*
* Set the zoom level back to where it should be
*/
self.resetMapZoom = function () {
// Clear cluster markers
if (mapObject.options.clustermarkers == 'true') {
self.markerClusterer.clearMarkers();
}
if (mapObject.options.startlat && !self.anySearchTermsEntered()) {
// MANUAL LOCATION
// If centre point doesn't exist yet set it
if (self.centrePoint === '') {
self.centrePoint = new google.maps.LatLng(mapObject.options.startlat, mapObject.options.startlong);
self.defaultZoom = parseInt(mapObject.options.defaultzoom, 10);
}
self.map.setZoom(self.defaultZoom);
self.map.panTo(self.centrePoint);
} else {
// HOME LOCATION
// If home location is in use make sure that it's in bounds and centred
if (self.homelocation && self.centrePoint && self.defaultZoom !== '') {
self.map.panTo(self.centrePoint);
self.defaultZoom = fitToMarkers(self.markers);
} else {
autoZoomToMarkers();
}
}
updateClusterer();
};
// Paging
// ======================================
// Next clicked
self.nextPage = function (data, element) {
var locations = self.filteredLocations();
var size = self.pageSize();
var start = parseInt(self.pageIndex(), 10) * parseInt(self.pageSize(), 10);
// Range check
if ((parseInt(start, 10) + parseInt(size, 10)) < locations.length) {
self.pageIndex(parseInt(self.pageIndex(), 10) + 1);
} else {
return false;
}
};
// Prev clicked
self.prevPage = function () {
var size = self.pageSize();
var start = self.pageIndex() * self.pageSize();
// Range check
if ((parseInt(start, 10) - parseInt(size, 10)) >= 0) {
self.pageIndex(self.pageIndex() - 1);
} else {
return false;
}
};
// Should paging show
self.pagingVisible = function () {
return self.filteredLocations().length > self.pageSize();
};
// Disable/Enable next button
self.nextPageButtonCSS = ko.computed(function () {
return ((self.pageIndex() + 1) * self.pageSize() >= self.filteredLocations.peek().length) ? 'disabled' : '';
});
// Disable/Enable prev button
self.prevPageButtonCSS = ko.computed(function () {
return self.pageIndex() === 0 ? 'disabled' : '';
});
// Pages count
self.totalPages = ko.computed(function () {
return Math.ceil(self.filteredLocations().length / self.pageSize());
});
// Human current page
self.currentPageNumber = ko.computed(function () {
return self.pageIndex() + 1;
});
// Any locations
self.anyLocationsAvailable = ko.computed(function () {
// Needed to stop message showing when no search terms entered
if (self.hideuntilsearch && !self.anySearchTermsEntered()) {
return false;
}
return self.filteredLocations().length === 0;
});
// Paged locations
// Needs to be separate as map markers are not paged
self.pagedLocations = ko.computed(function () {
var locations = self.filteredLocations();
var start = self.pageIndex() * self.pageSize();
// Next page
return locations.slice(start, parseInt(start, 10) + parseInt(self.pageSize(), 10));
}, self);
/*
* UTILITIES
=====================================================*/
// Sort algorithms
// ---------------------------------------------------
// DISTANCE SORT
// ascending sort
function asc_bydistance(a, b) {
if (self.locationquery()) {
return (parseFloat(b.searchDistanceAway()) < parseFloat(a.searchDistanceAway()) ? 1 : -1);
} else {
return (parseFloat(b.distanceAway()) < parseFloat(a.distanceAway()) ? 1 : -1);
}
}
// decending sort
function dec_bydistance(a, b) {
if (self.locationquery()) {
return (parseFloat(b.searchDistanceAway()) > parseFloat(a.searchDistanceAway()) ? 1 : -1);
} else {
return (parseFloat(b.distanceAway()) > parseFloat(a.distanceAway()) ? 1 : -1);
}
}
// TITLE SORT
// accending sort
function asc_bytitle(a, b) {
return b.title.toLowerCase() == a.title.toLowerCase() ? 0 : (b.title.toLowerCase() < a.title.toLowerCase() ? -1 : 1);
}
// decending sort
function dec_bytitle(a, b) {
return b.title.toLowerCase() == a.title.toLowerCase() ? 0 : (b.title.toLowerCase() > a.title.toLowerCase() ? -1 : 1);
}
function checkCategoriesForSorting(a, b) {
// Neither has a category so the same
if (a.categories.length === 0 && b.categories.length === 0) {
return 0;
}
// A has no category so moves down
if (a.categories.length === 0) {
return -1;
}
if (b.categories.length === 0) {
return 1;
}
return true;
}
function getCategoryIndex(title) {
var foundIndex = null;
$.each(self.mapCategories, function (index, category) {
if (title.toLowerCase() === category.title.toLowerCase()) {
foundIndex = index;
return true;
}
});
return foundIndex;
}
// Category sort
// Only works with one category
function asc_bycategorymanual(a, b) {
var checkCategories = checkCategoriesForSorting(a, b);
if (checkCategories !== true) {
return checkCategories;
}
// look up a cat index in categories list
var aIndex = getCategoryIndex(a.categories[0].title);
// look up b cat index in categories list
var bIndex = getCategoryIndex(b.categories[0].title);
// See which is lower
// Both have category so sort that way
return bIndex == aIndex ? 0 : (bIndex > aIndex ? -1 : 1);
}
// Only works with one category
function asc_bycategorytitle(a, b) {
// Initial check to make sure both have categories
var checkCategories = checkCategoriesForSorting(a, b);
if (checkCategories !== true) {
return checkCategories;
}
// Both have category so sort that way
return b.categories[0].title.toLowerCase() == a.categories[0].title.toLowerCase() ? 0 : (b.categories[0].title.toLowerCase() > a.categories[0].title.toLowerCase() ? -1 : 1);
}
// Get url parameters
function getParameterByName(name)
{
name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
var regexS = "[\\?&]" + name + "=([^&#]*)";
var regex = new RegExp(regexS);
var results = regex.exec(window.location.search);
if (results === null) {
return "";
} else {
return decodeURIComponent(results[1].replace(/\+/g, " "));
}
}
// Get distance between two items
function calculateDistance(p1lat, p1long, p2lat, p2long) {
// Convert degrees to radians
var rad = function (x) { return x * Math.PI / 180; };
// Haversine formula
var R;
if (maplistScriptParamsKo.measurementUnits == 'METRIC') {
R = 6372.8; // approximation of the earth's radius of the average circumference in km
} else {
R = 3961.3; // Radius in miles)
}
var dLat = rad(p2lat - p1lat);
var dLong = rad(p2long - p1long);
var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +
Math.cos(rad(p1lat)) * Math.cos(rad(p2lat)) * Math.sin(dLong / 2) * Math.sin(dLong / 2);
var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
var d = R * c;
return d.toFixed(1);
}
/*
* CONSTRUCTOR FUNCTIONS
====================================================*/
function Location(item) {
this._mapMarker = '';
this.address = item.address;
this.categories = item.categories;
this.cssClass = item.cssClass;
this.customCategories = item.customCategories;
this.description = item.description;
this.simpledescription = item.simpledescription;
this.distanceAway = ko.observable();
this.expanded = ko.observable(false);
this.friendlyDistance = ko.observable();
this.imageUrl = item.imageUrl;
this.latitude = item.latitude;
this.locationUrl = item.locationUrl;
this.longitude = item.longitude;
// this.pinColor = 'blue';// GetPinColour;
this.pinImageUrl = item.pinImageUrl;
this.searchDistanceAway = ko.observable();
this.smallImageUrl = item.smallImageUrl;
this.title = item.title;
}
function Category(title, slug, taxonomyName) {
this.title = title;
this.slug = slug;
this.selected = ko.observable(mapObject.options.categoriesticked == 'true');
this.taxonomyName = taxonomyName || '';
this.cssClass = ko.computed(function () {
return this.selected() ? "showing corePrettyStyle btn" : "corePrettyStyle btn";
}, this);
// Start with a category selected
if (options.preselectedCategories !== null) {
var selected = ko.utils.arrayFirst(options.preselectedCategories, function (selectedCat) {
return slug === selectedCat;
}) || false;
this.selected(selected);
}
}
// TODO:Move all start up code into here
function activate() {
}
}
// Convert json to object
var dataFromServer = maplistScriptParamsKo.KOObject;
// Create an array of maps in case we need to fire anything
MapListProMaps = [];
// Needed in case do_shortcode is called more than once
var mapsOnPageCount = $('.prettyMapList').length;
var dataObjCount = dataFromServer.length;
var mapIncAmount = dataObjCount / mapsOnPageCount;
// Activates knockout.js
$.each(dataFromServer, function (index, value) {
// Checks to see if do_shortcode was called more than once
if ((index + 1) % mapIncAmount === 0) {
var newMap = new MapViewModel(value, value.id);
MapListProMaps.push(newMap);
ko.applyBindings(newMap, document.getElementById('MapListPro' + value.id));
}
});
// Print directions
function printDirectionsContent(content) {
newwin = window.open('', 'printwin', '');
newwin.document.write('\n\n');
newwin.document.write('" + location.title + "
";
} else {
if (mapObject.options.infoboxparts[0] === "title") {
content += "" + location.title + "
"; } } content += '';
$.each(mapObject.options.infoboxparts, function (index, partName) {
// Title in first slot becomes window title and is handled above
if (index === 0 && partName === "title") {
return;
}
content += self.getInfoWindowPart(partName, location);
});
if (location.locationUrl !== '' && maplistScriptParamsKo.hideviewdetailbuttons != 'true') {
content += "" + maplistScriptParamsKo.viewLocationDetail + "";
}
content += "
";
content += "