Find Camper Kingdom Near Meridian, MS, (2024)

`, /* Variables */ currentMap: '', currentMarkers: [], currentInfoWindow: undefined, zoom: 16, myPosition: '', currentProperty: { id: '', name: '', url: '', lat: '', lon: '', pic: '', phone: '' }, currentPropertyKey: 0, availableProperties : [ { id: 2682, name: 'Camper Kingdom', url: 'rv-service-pros/camper-kingdom', lat: '32.34825120', lon: '-88.70399290', pic: 'https://ik.imagekit.io/g8adnhxiij/mrvr/logos/profile/98eeaffbd69f0856d21d7b2a8943a832.jpeg', phone: '(855) 605-6330' }, ], propertyLocation: { lat: 32.34825120, lng: -88.70399290 }, /* Functionality */ init : function() { var styles = [{"featureType":"landscape","stylers":[{"hue":"#FFBB00"},{"saturation":43.400000000000006},{"lightness":37.599999999999994},{"gamma":1}]},{"featureType":"road.highway","stylers":[{"hue":"#FFC200"},{"saturation":-61.8},{"lightness":45.599999999999994},{"gamma":1}]},{"featureType":"road.arterial","stylers":[{"hue":"#FF0300"},{"saturation":-100},{"lightness":51.19999999999999},{"gamma":1}]},{"featureType":"road.local","stylers":[{"hue":"#FF0300"},{"saturation":-100},{"lightness":52},{"gamma":1}]},{"featureType":"water","stylers":[{"hue":"#0078FF"},{"saturation":-13.200000000000003},{"lightness":2.4000000000000057},{"gamma":1}]},{"featureType":"poi","stylers":[{"hue":"#00FF6A"},{"saturation":-1.0989010989011234},{"lightness":11.200000000000017},{"gamma":1}]}]; var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"}); var firstProperty = searchMap.availableProperties[0]; if (searchMap.availableProperties.length) { searchMap.setPropertyData(searchMap.availableProperties[0]); } var mapOptions = { center: searchMap.propertyLocation, mapTypeControlOptions: {mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']}, zoom: searchMap.zoom, controlSize: 26, mapTypeControl: false, streetViewControl: false, scrollwheel: true }; if (searchMap.availableProperties.length) { $(".profile-page-map.hidden").removeClass("hidden"); searchMap.currentMap = new google.maps.Map(document.getElementById('map-canvas-profile'), mapOptions); searchMap.currentMap.mapTypes.set('map_style', styledMap); searchMap.currentMap.setMapTypeId('map_style'); $(".tab-content #map-canvas").replaceWith($(".profile-page-map")); $("a[title='Click for directions'], a[title='View On Larger Map']").hide(); searchMap.setMapMarkers(searchMap.currentMap, searchMap.availableProperties); if (searchMap.availableProperties.length > 1) { var clusterOptions = { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m', maxZoom: 19, minimumClusterSize: 2 }; searchMap.markerCluster = new MarkerClusterer(searchMap.currentMap, searchMap.currentMarkers, clusterOptions); } else { $(".profile-page-map #map-actions .previous-property, .profile-page-map #map-actions .next-property").addClass('hidden'); } } /* Clickables */ $(document).on("click",".next-property",function(){ searchMap.nextProperty(); }); $(document).on("click",".previous-property",function(){ searchMap.previousProperty(); }); $(document).on("click", ".view-fullscreen", function(){ searchMap.toggleFullScreen(); }); }, handleLocationError : function( browserHasGeolocation, infoWindow, pos, map ) { infoWindow.setPosition(pos); infoWindow.setContent( browserHasGeolocation ? "Error: The Geolocation service failed." : "Error: Your browser doesn't support geolocation." ); infoWindow.open(map); }, toggleFullScreen : function() { if (!$(".profile-page-map").hasClass("full-screen")) { $(".profile-page-map").addClass("full-screen"); $("#map-actions .view-fullscreen").html(` Exit Fullscreen`); $("body").css("overflow","hidden"); } else { $(".profile-page-map").removeClass("full-screen"); $("#map-actions .view-fullscreen").html(` Fullscreen`); $("body").css("overflow",""); } }, showLocationError : function(error) { $(".my-location").hide(); switch (error.code) { case error.PERMISSION_DENIED: console.log("The Permission has been denied"); break; case error.POSITION_UNAVAILABLE: console.log("Location information is unavailable."); break; case error.TIMEOUT: console.log("The request to get user location timed out."); break; case error.UNKNOWN_ERROR: console.log("An unknown error occurred."); break; } }, setPropertyData : function(property) { searchMap.currentProperty.id = property["id"]; searchMap.currentProperty.name = property["name"]; searchMap.currentProperty.url = property["url"]; searchMap.currentProperty.lat = parseFloat(property["lat"]); searchMap.currentProperty.lon = parseFloat(property["lon"]); searchMap.currentProperty.pic = property["pic"]; searchMap.currentProperty.phone = property["phone"]; var propertyLocation = { lat: searchMap.currentProperty.lat, lng: searchMap.currentProperty.lon }; searchMap.propertyLocation = propertyLocation; }, setMapMarkers : function(map, locations) { var propertyKey; searchMap.bounds = new google.maps.LatLngBounds(); for (propertyKey = 0; propertyKey < locations.length; propertyKey++) { var location = locations[propertyKey]; var latlngset = new google.maps.LatLng(location.lat, location.lon); searchMap.bounds.extend(latlngset); var iconImage = '/images/marker.png'; console.log(location.label); var markerName = location.label ?? location.name; var marker = new MarkerWithLabel({ position: latlngset, map: map, icon: iconImage, title: markerName, labelContent: markerName, labelAnchor: new google.maps.Point(-15, 45), labelClass: "profile-map-label", labelInBackground: false, }); searchMap.currentMarkers[searchMap.currentMarkers.length] = marker; var content = searchMap.infoWindowTemplate; content = content.replace(/{property-picture}/g, location.pic) .replace(/{property-url}/g, location.url) .replace(/{property-name}/g, location.name) .replace(/{property-phone-hidden}/g, (location.phone!='')?'':'hidden') .replace(/{property-phone-number}/g, location.phone); var infowindow = new google.maps.InfoWindow(); google.maps.event.addListener(marker,'click', (function(marker,content,infowindow,location,propertyKey){ return function() { infowindow.setContent(content); infowindow.open(map,marker); if (typeof searchMap.currentInfoWindow !== 'undefined') { searchMap.currentInfoWindow.close(); } searchMap.setPropertyData(location); searchMap.currentMap.panTo(searchMap.propertyLocation); searchMap.currentInfoWindow = infowindow; searchMap.currentPropertyKey = propertyKey; }; })(marker,content,infowindow,location,propertyKey)); } searchMap.currentMap.fitBounds(searchMap.bounds); }, setMapMarker : function(withPopup = true) { var iconImage = '/images/marker.png'; var markerName = searchMap.currentProperty.name; searchMap.currentMarker = new google.maps.Marker({ position: searchMap.currentMap.getCenter(), map: searchMap.currentMap, icon: iconImage, title: markerName }); if (typeof searchMap.currentInfoWindow !== 'undefined') { searchMap.currentInfoWindow.close(); } if (withPopup) { var phonehtml = ''; var windowTemplate = searchMap.infoWindowTemplate; windowTemplate = windowTemplate.replace(/{property-picture}/g, searchMap.currentProperty.pic) .replace(/{property-url}/g, searchMap.currentProperty.url) .replace(/{property-name}/g, searchMap.currentProperty.name) .replace(/{property-phone-hidden}/g, searchMap.currentProperty.phone!=''?'':'hidden') .replace(/{property-phone-number}/g, searchMap.currentProperty.phone) .replace(/{owner-url}/g, searchMap.currentProperty.ownerURL); searchMap.currentInfoWindow = new google.maps.InfoWindow({ content: windowTemplate }); searchMap.currentInfoWindow.open(searchMap.currentMap, searchMap.currentMarker); } searchMap.currentMarker.setMap(searchMap.currentMap); }, setProperty : function(propertyData) { searchMap.setPropertyData(propertyData); searchMap.currentMap.panTo(searchMap.propertyLocation); searchMap.setMapMarker(); }, nextProperty : function(){ if (searchMap.currentPropertyKey > -1) { searchMap.currentPropertyKey++; if (searchMap.currentPropertyKey in searchMap.availableProperties) { searchMap.setProperty(searchMap.availableProperties[searchMap.currentPropertyKey]); } else { searchMap.currentPropertyKey = 0; searchMap.setProperty(searchMap.availableProperties[searchMap.currentPropertyKey]); } } else { searchMap.currentPropertyKey = 0; searchMap.setProperty(searchMap.availableProperties[searchMap.currentPropertyKey]); } }, previousProperty : function(){ if (searchMap.currentPropertyKey > 0) { searchMap.currentPropertyKey--; if (searchMap.currentPropertyKey in searchMap.availableProperties) { searchMap.setProperty(searchMap.availableProperties[searchMap.currentPropertyKey]); } else { searchMap.currentPropertyKey = searchMap.availableProperties.length-1; searchMap.setProperty(searchMap.availableProperties[searchMap.currentPropertyKey]); } } else { searchMap.currentPropertyKey = searchMap.availableProperties.length-1; searchMap.setProperty(searchMap.availableProperties[searchMap.currentPropertyKey]); } }, whenAvailable : function(name, callback) { var interval = 10; window.setTimeout(function() { var nameparts = name.split('.'); if (nameparts.length == 1) { if (window[name]) { callback(window[name]); } else { searchMap.whenAvailable(name, callback); } } else if (nameparts.length == 2) { if (window[nameparts[0]] && window[nameparts[0]][nameparts[1]]) { callback(window[name]); } else { searchMap.whenAvailable(name, callback); } } }, interval); }, }; $(document).ready(function () { if (window['google'] && window['google']['maps']) { // Load marker clusterer and label scripts var clusterScripts = [ 'https://thewebsitelauncher.com/resources/markerclusterer/markerclusterer.js', 'https://thewebsitelauncher.com/resources/google/markerwithlabel.js' ]; clusterScripts.forEach(function(scriptURL){ var scriptElement = document.createElement('script'); scriptElement.type = 'text/javascript'; scriptElement.src = scriptURL; $("body").append(scriptElement); }); searchMap.whenAvailable("MarkerClusterer", function () { searchMap.init(); }); } else { searchMap.whenAvailable("google.maps", function () { // Load marker clusterer and label scripts var clusterScripts = [ 'https://thewebsitelauncher.com/resources/markerclusterer/markerclusterer.js', 'https://thewebsitelauncher.com/resources/google/markerwithlabel.js' ]; clusterScripts.forEach(function(scriptURL){ var scriptElement = document.createElement('script'); scriptElement.type = 'text/javascript'; scriptElement.src = scriptURL; $("body").append(scriptElement); }); searchMap.whenAvailable("MarkerClusterer", function () { searchMap.init(); }); }); } });