/* ======================================================== */
// Journey grade definition URLs
/* ======================================================== */
var gradeUrls = {
walking: 'https://parks.qld.gov.au/_design/design-helpers/grade-definitions/walking',
cycling: 'https://parks.qld.gov.au/_design/design-helpers/grade-definitions/mountain-bike-and-cycling',
horseriding: 'https://parks.qld.gov.au/_design/design-helpers/grade-definitions/horseriding'
};
/* ======================================================== */
// Fancybox park settings - Spinner
/* ======================================================== */
// check Fancybox version
if(typeof $.fancybox == 'object') {
// Fancybox v3.5.6
//console.log("FB3 loaded - #105480");
$.fancybox.defaults.spinnerTpl = '';
} else if(typeof Fancybox == 'function'){
// Fancybox v5
console.log("FB5 loaded - #105480");
// Currently does not work for FB5 as spinner templates are not longer a thing
} else {
console.log("Fancybox not loaded - #105480");
console.log("Fancybox 5 type: " + typeof Fancybox);
console.log("Fancybox 3 type: " + typeof $.fancybox);
}
/* ======================================================== */
// ARCGIS JS API default settings
/* ======================================================== */
var imgLoaderUrl = 'https://parks.qld.gov.au/_design/design-helpers/find-a-park/facilities-ajax-loader?SQ_ASSET_CONTENTS_RAW';
//Highlight popup style
var highlightOptions = {
color: '#de5e00',
fillOpacity: 0,
haloOpacity: 0.65
}
//Generic template. Content defined in the attribute object
var popup_template = {
title: '{title}',
content: '{content}'
}
//Park boundary marker
var park_boundary_symbol = {
type: 'simple-fill',
color: [0,116,138,0.25],
outline: {
color: [0,116,138,0.5],
width: 0
}
};
//Park marker
var park_marker_symbol = {
type: 'picture-marker',
width: '40px',
height: '40px',
url: svgDataUrlBase64('')
};
//Campgrounds marker
var campground_marker_symbol = {
type: 'picture-marker',
width: '30px',
height: '30px',
url: svgDataUrlBase64('')
};
// Attractions marker
var attraction_marker_symbol = {
type: 'picture-marker',
width: '30px',
height: '30px',
url: svgDataUrlBase64('')
};
// Journeys marker
var journey_marker_symbol = {
type: 'picture-marker',
width: '30px',
height: '30px',
url: svgDataUrlBase64('')
};
//Park alert
var park_alert_marker_symbol = {
type: 'picture-marker',
width: '36px',
height: '36px',
url: svgDataUrlBase64('')
};
//Your location
var your_location_marker_symbol = {
type: 'picture-marker',
width: '36px',
height: '36px',
url: svgDataUrlBase64('')
};
function svgDataUrlBase64(str) {
return 'data:image/svg+xml;base64,' + btoa(str);
}
//Clustering settings
var clusterConfig = {
type: 'cluster',
clusterRadius: '235px',
popupEnabled: false,
//popupTemplate: {
// title: '{cluster_count} ' + type + 's in this area.',
// fieldInfos: [
// {
// fieldName: 'cluster_count',
// format: {
// places: 0,
// digitSeparator: true
// }
// }
// ]
//},
clusterMinSize: "40px",
clusterMaxSize: "40px",
labelingInfo: [
{
//deconflictionStrategy: "none",
labelExpressionInfo: {
expression: "Text($feature.cluster_count, '#,###')"
},
symbol: {
type: "text",
color: "#fff",
font: {
weight: "bold",
size: "26px"
},
haloSize: 2,
haloColor: "rgba(0, 0, 0, 0.75)",
//yoffset: '-3px'
},
labelPlacement: "center-center"
}
]
};
//var clusterConfig = null;
//Map point label settings
var parkLayerLabel = {
symbol: {
type: 'text',
color: '#333',
haloColor: '#fff',
haloSize: '2px',
lineWidth: 100,
yoffset: '5px',
font: {
size: '13px',
family: 'Arial',
style: 'normal',
weight: 'bold'
}
},
labelPlacement: 'below-center',
labelExpressionInfo: {
/*expression: `
var titleArray = Split($feature.title, '');
var newTitleArray = Split(titleArray[1], '');
var cleanTitle = Concatenate(newTitleArray, TextFormatting.NewLine);
cleanTitle = Replace(cleanTitle, "", "");
cleanTitle = Replace(cleanTitle, "", "");
cleanTitle = Split(cleanTitle, '');
return cleanTitle[0]
`
expression: `
var titleArray = Split($feature.title, '');
var newTitleArray = Split(titleArray[1], '');
newTitleArray = Replace(newTitleArray[0], "", "");
newTitleArray = Split(newTitleArray, '');
return newTitleArray[0]
`
*/
expression: "return $feature.label;"
//expression: "IIF($feature.label == '', $feature.title, $feature.label);"
}
}
// Close park label settings
// If the feature has attribute 'closed' add a label showing 'park closed'
var parkCloseLabel = {
symbol: {
type: 'text',
color: '#ffae32',
haloColor: '#333',
haloSize: '2px',
yoffset: '-3px',
font: {
size: '13px',
family: 'Arial',
style: 'normal',
weight: 'bold'
}
},
labelPlacement: 'above-center',
labelExpressionInfo: {
expression: "IIF($feature.status == 'closed', 'Park closed', '');"
}
}
//More info action button for popup
var moreInfoAction = {
title: 'More information',
id: 'more-info',
className: 'esri-icon-description'
};
popup_template.actions = [moreInfoAction];
function moreInfo(feature) {
var x = feature.layer.source.items.filter(function(item) {
return item.attributes.OBJECTID == feature.attributes.OBJECTID;
});
//console.log(x[0].attributes);
location.href = x[0].attributes.url;
}
var homeWidgetSettings, scaleBarSettings, fitAll;
function addGlobalWidgets(view) {
homeWidgetSettings = {
view: view,
iconClass: 'esri-icon-zoom-out-fixed',
label: 'Fit all points',
goToOverride: function(view, goToParams) {
return fitAll();
}
};
scaleBarSettings = {
view: view,
unit: 'metric'
};
}