Louisiana LASP Reservations - (2024)

' + '

'); icons = $(tabSvgID + legendBtnID + ' ' + IconsLayer).children(); icons.each(function (i, val) { legendPopupObj.append('' + '

'); }); $('#all').on('change', function () { if ($(this).prop('checked') === false) { $('.switch input').prop('checked', false); icons.each(function (i, val) { $(tabSvgID + legendBtnID + ' ' + IconsLayer + ' #' + val.id + '').fadeOut(); }); } else { $('.switch input').prop('checked', true); icons.each(function (i, val) { $(tabSvgID + legendBtnID + ' ' + IconsLayer + ' #' + val.id + '').fadeIn(); }); } }); $('.switch input').on('change', function () { var n = $(this).attr('id'); if ($(this).prop('checked') === false) { $(tabSvgID + legendBtnID + ' ' + IconsLayer + ' #' + n + '').fadeOut(); } else { $(tabSvgID + legendBtnID + ' ' + IconsLayer + ' #' + n + '').fadeIn(); } }); } }); legendClosePopupObj.on('click touchstart', function () { legendPopupObj.css('animation', 'legend-out 0.5s ease-in-out 1').delay(140).fadeOut(); }); var noPOI = [ { featureType: "poi", elementType: "labels", stylers: [ { visibility: "off" } ] } ]; //Google Map API function initMap() { map = new google.maps.Map(document.getElementById('map'), { center: { lat: gmOptions[tabID].lat, lng: gmOptions[tabID].lng }, mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, position: google.maps.ControlPosition.TOP_RIGHT }, mapTypeId: 'hybrid', fullscreenControl: true, fullscreenControlOptions: { position: google.maps.ControlPosition.RIGHT_TOP }, rotateControl: false, tilt: 0, zoom: gmOptions[tabID].zoom, styles: noPOI }); map.getStreetView() .setOptions({ addressControlOptions: { position: google.maps.ControlPosition.BOTTOM_LEFT }, zoomControlOptions: { position: google.maps.ControlPosition.TOP_RIGHT } }); map.addListener('click', function () { infowindow.close(); }); if (defaultToAerialView) { SwitchView(true); } svgMapZoom(1); // Sets the map on all markers in the array. function setMapOnAll(map) { for (var i = 0; i < markers.length; i++) { markers[i].setMap(map); } for (var c = 0; c < iconMarkers.length; c++) { iconMarkers[c].setMap(map); } } map.getStreetView().addListener('position_changed', function () { $('.hide-info-back').removeClass('hidden'); var CurrentPos = map.getStreetView().getPosition(); for (var i = 0; i < markers.length; i++) { var MarkerPos = markers[i].getPosition(); var distance = google.maps.geometry.spherical.computeDistanceBetween(CurrentPos, MarkerPos); if (distance > dist || Number.isNaN(distance)) { markers[i].setMap(null); } else { markers[i].setMap(map); } } for (var i = 0; i < iconMarkers.length; i++) { var IconPos = iconMarkers[i].getPosition(); var IconDistance = google.maps.geometry.spherical.computeDistanceBetween(CurrentPos, IconPos); if (IconDistance > dist) { iconMarkers[i].setMap(null); } else { iconMarkers[i].setMap(map); } } }); google.maps.event.addListener(map.getStreetView(), 'visible_changed', function () { var visible = this.getVisible(); if (visible === false) { setMapOnAll(map); } }); for (var a = 0; a < sites.length; a++) { addSite(sites[a].UnitID, sites[a].Latitude, sites[a].Longitude, sites[a].Availability, sites[a].MapCodeLookupValue, sites[a].LoopIndex, sites[a].UnitCategoryType, sites[a].UnitType, sites[a].IsTimeSlot, sites[a].UnitShortDesc, sites[a].IsActive, sites[a].ReservationTypeID); } for (var i = 0; i < iconsPOI.length; i++) { addIcon(iconsPOI[i].Latitude, iconsPOI[i].Longitude, iconsPOI[i].UnitDesc); } for (var i = 0; i < mainIcons.length; i++) { addMainIcon(mainIcons[i].lat, mainIcons[i].lng, mainIcons[i].text); } infowindow = new google.maps.InfoWindow({ maxWidth: 267, }); google.maps.event.addListener(map, 'zoom_changed', function () { var zoom = map.getZoom(); for (i = 0; i < iconMarkers.length; i++) { iconMarkers[i].setVisible(zoom > 17); //13 } }); function addIcon(lat, lng, text) { var icon_url_var = ''; var info_text; function icon_url() { if (text == 'bathhouse') { icon_url_var = 'img/bathhouse.png'; info_text = text; } else if (text == 'parking') { icon_url_var = 'img/parking.png'; info_text = text; } else if (text == 'dump') { icon_url_var = 'img/dump.png'; info_text = 'dump station'; } else if (text == 'water') { icon_url_var = 'img/Water.png'; info_text = 'water spigot'; } else if (text == 'playground') { icon_url_var = 'img/playground.png'; info_text = 'playground'; } else if (text == 'shelter') { icon_url_var = 'img/shelter.png'; info_text = 'Shelter'; } else if (text == 'restroom') { icon_url_var = 'img/restroom.png'; info_text = 'restroom'; } else if (text == 'camp office') { icon_url_var = 'img/office.png'; info_text = 'camp office'; } else if (text == 'boat') { icon_url_var = 'img/boat.png'; info_text = 'boat ramp'; } else if (text == 'laundry') { icon_url_var = 'img/laundry.png'; info_text = 'laundry'; } else if (text == 'fish') { icon_url_var = 'img/fish.png'; info_text = 'fish'; } else if (text == 'waterfall') { icon_url_var = 'img/waterfall.png'; info_text = 'waterfall'; } else if (text == 'ski') { icon_url_var = 'img/ski.png'; info_text = 'ski trail'; } else if (text == 'climbing') { icon_url_var = 'img/climbing.png'; info_text = 'climbing area'; } else if (text == 'office') { icon_url_var = 'img/office.png'; info_text = 'office'; } else if (text == 'archery') { icon_url_var = 'img/archery.png'; info_text = 'archery range'; } else if (text == 'shooting') { icon_url_var = 'img/shooting.png'; info_text = 'shooting range'; } else if (text == 'discovery') { icon_url_var = 'img/discovery.png'; info_text = 'discovery building'; } else if (text == 'hotel') { icon_url_var = 'img/hotel.png'; info_text = 'lodge'; } else if (text == 'canoe') { icon_url_var = 'img/canoe.png'; info_text = 'canoe launch'; } else if (text == 'check') { icon_url_var = 'img/check.png'; info_text = 'check statione'; } else if (text == 'info') { icon_url_var = 'img/info.png'; info_text = 'information kiosk'; } else if (text == 'leather') { icon_url_var = 'img/leather.png'; info_text = 'skinning rack'; } else if (text == 'binoculars') { icon_url_var = 'img/binoculars.png'; info_text = 'wildlife opening'; } else if (text == 'dog') { icon_url_var = 'img/dog.png'; info_text = 'dog training area'; } else if (text == 'dove') { icon_url_var = 'img/dove.png'; info_text = 'dove field'; } else if (text == 'golf') { icon_url_var = 'img/golf.png'; info_text = 'golf course'; } else if (text == 'dock') { icon_url_var = 'img/dock.png'; info_text = 'pier'; } else if (text == 'fishstation') { icon_url_var = 'img/fishstation.png'; info_text = 'fish cleaning station'; } else if (text == 'toilet') { icon_url_var = 'img/toilet.png'; info_text = 'vault toilet'; } else if (text == 'picnic') { icon_url_var = 'img/picnic.png'; info_text = 'picnic area'; } else if (text == 'amphitheater') { icon_url_var = 'img/amphitheater.png'; info_text = 'amphitheater'; } else if (text == 'swim') { icon_url_var = 'img/swim.png'; info_text = 'swim beach'; } else if (text == 'group') { icon_url_var = 'img/groupcamp.png'; info_text = 'group camping area'; } else if (text == 'mobile') { icon_url_var = 'img/mobile.png'; info_text = 'telephone'; } else { icon_url_var = 'img/handicap2.png'; info_text = text; } } icon_url(); var iconMarker = new google.maps.Marker({ map: map, position: { lat: parseFloat(lat), lng: parseFloat(lng) }, icon: { url: icon_url_var, scaledSize: { width: 30, height: 30 } } }); iconMarkers.push(iconMarker); iconMarker.addListener('click', function () { infowindow.close(); infowindow.setContent(info_text); infowindow.open(map, iconMarker); }); } function addMainIcon(lat, lng, text) { var icon_url_var = ''; var info_text; function icon_url() { if (text == 'Youth Camp') { icon_url_var = 'https://s3.amazonaws.com/exploreparkspublic/StaticContent/maps/img/camp.png'; info_text = text; } else if (text == 'fish') { icon_url_var = 'img/fish.png'; info_text = 'fish'; } else { icon_url_var = 'https://s3.amazonaws.com/exploreparkspublic/StaticContent/maps/img/canoe.png'; info_text = text; } } icon_url(); var iconMainMarker = new google.maps.Marker({ map: map, position: { lat: parseFloat(lat), lng: parseFloat(lng) }, icon: { url: icon_url_var, scaledSize: { width: 30, height: 30 } } }); iconMarkers.push(iconMainMarker); iconMainMarker.addListener('click', function () { infowindow.close(); infowindow.setContent(info_text); infowindow.open(map, iconMainMarker); }); } if (params['mode'] && params['mode'] === 'd') { $('body').append('

'); map.addListener('drag', function () { mapCenter = map.getCenter(); mapZoom = map.getZoom(); $('#lat-span').text(mapCenter.lat()); $('#lng-span').text(mapCenter.lng()); $('#zoom-span').text(mapZoom); }); map.addListener('zoom_changed', function () { mapCenter = map.getCenter(); mapZoom = map.getZoom(); $('#lat-span').text(mapCenter.lat()); $('#lng-span').text(mapCenter.lng()); $('#zoom-span').text(mapZoom); }); } markerCluster = new MarkerClusterer(map, markers, { styles: clusterStyles, averageCenter: true, gridSize: 150, maxZoom: 17 }); markerCluster.setCalculator(function (markers, numStyles) { var index = 0; var count = markers.length; var dv = count; while (dv !== 0) { dv = parseInt(dv / 10, 10); index++; } index = Math.min(index, numStyles); return { text: "", // set to empty string index: index }; }); }