Skip to content

Documentation

Navigation

  • Home
  • User Guides
    • Progress Map
      • Shortcodes
      • Tutorials
    • List & Filter
      • Shortcode Attributes
      • Tutorials
    • Submit Locations
      • Shortcode
      • Tutorials
    • Advanced Search
    • Draw a Search
    • Nearby Places
      • Shortcode
      • Tutorials
    • Markers Filter
    • Keyword Search
    • Directions
      • Shortcode
  • How to install the plugin?
  • How to update the plugin?
  • How to get support?
  • Refund Policy

Documentation

  • Installing the plugin
  • What to do after installing the plugin?
  • First steps
    • Getting started (Video)
    • Create an API Key & activate the required APIs
    • Insert the Google Maps API Key
    • Connect the plugin with your (custom) post types
    • Connect the plugin with your custom “Latitude” and “Longitude” fields
    • Set the Infobox & carousel item links
    • Set the default maps center point
    • Choose the map language
    • Choose the main colors of the map elements
    • Use the plugin with WPML
    • Set the default map settings
  • How to update?
    • Updating from v2 to the latest version
  • Creating & displaying a map
    • Create a new map
    • Create a search map
    • Displaying the map
  • Adding new locations
    • Add new locations to the map
    • Use one single (custom) post to add multiple locations on the map
    • Upload media files (video, audio, images, …) of your post/location
  • Query settings
    • Connect the map to a (custom) post type
    • Limit the number of posts to display on the map
    • Display posts by categories/taxonomies
    • Display posts by status
    • Display posts by custom field(s)
    • Display or remove posts by IDs
    • Display posts by author(s)
    • Change the posts display order
    • Display posts in a random order
  • Layout settings
    • Change the display layout
  • Map settings
    • Set the map center point
    • Restrict map bounds
    • Set the map container background color
    • Set the initial zoom level of the map
    • Set the Max. & Min. zoom levels of the map
    • Zoom the map on double click
    • Controlling gesture handling
    • Drag the map
    • Show the zoom control
    • Zooming the map using the mouse scroll wheel
    • Extend the map bounds to contain all markers & clusters (Autofit)
    • Use a button to recenter the map
    • Show to fullscreen control
    • Show the map type control
    • Show the street view control
    • Resize the map controls
    • Enable retina display for custom markers & clusters
    • Display the traffic Layer
    • Display the transit layer
    • Display the bicycling Layer
  • Map style settings
    • Set the map’s initial style
    • Customizing the map style
    • Customizing the map using your custom style
    • Use a custom style from “Snazzy Maps”
  • Marker settings
    • Change the marker image
    • Highlight visited markers
    • Use SVG marker image
    • Use PNG/GIF/JPEG marker image
    • Set the marker animation
    • Set the marker anchor point
  • Marker clustering settings
    • Activating marker clustering
    • Abbreviate Clusters Counts
    • Customize Clusters: Choose Between Colored or Image Styles
    • Modify the text color of the clusters
    • Change the cluster image
  • Marker labels settings
    • Use marker labels
    • Choose how to label markers
    • Customize the marker labels style
    • Override labels content for specific markers
    • Hide specific labels from specific markers
    • Override labels style for specific markers
  • Marker popups settings
    • Use marker popups
    • Specify the content of the marker popups
    • Add custom text before & after the popups content
    • Customize the marker popups style
  • Marker menu settings
    • Use marker menu
    • Add items to marker menu
    • Change the menu items display order
    • Change the placement of the marker menu
    • Opening the marker menu
    • Closing the marker menu
    • Customize the marker menu
  • Markers categories settings
    • Customize markers icons by categories
  • Infoboxes settings
    • Set the infobox type
    • Change the infobox description length
    • Change the infobox size
    • Choose when to display the infobox
    • Display infoboxes by reaching a zoom level
    • Add a close button to the infoboxes
    • Remove the infobox when the mouse leaves the marker
    • Choose how to open the infobox’s link
    • Build a custom title from custom fields for the infoboxes
    • Build a custom content from custom fields and/or categories for the infoboxes
    • Add ellipses (…) at the end of the infoboxes content
    • Disable the infoboxes
  • Geo-targeting settings
    • Displaying user or devise position on the map
    • Draw a circle around the user’s location
  • Heatmap layer settings
    • Display the heatmap layer on the map
    • Change the heatmap layer parameters
    • Change the heatmap color gradient
  • KML Layers settings
    • Display KML/KMZ layers on the map
    • Add KML Layers list on the map to show or hide specific layers
    • Hide all KML Layers on map load
    • Connect a KML layer to a post and make its visibility dependent to that post’s visibility on the map
  • OpenStreetMap
    • OpenStreetMap Layer
  • Map Holes settings
    • Add holes on the map
    • Change the map fill color & holes style
  • Ground overlays settings
    • Render images on the map
    • Connect an image to a post and make its visibility dependent to that post’s visibility on the map
  • Polylines settings
    • Draw polylines on the map
    • Make a polyline clickable
    • Connect a polyline to a post and make its visibility dependent to that post’s visibility on the map
    • Draw routes on the map
  • Polygons settings
    • Draw polygons (shapes) on the map
    • Make a polygon clickable
    • Change the map viewport on polygon click
    • Connect a polygon to a post and make its visibility dependent to that post’s visibility on the map
    • Change the polygon hover style
  • Carousel settings
    • Show or hide the carousel
    • Syncronize the carousel with the viewport of the map
    • Connect or detach the carousel and the map
    • Hash navigation
    • Change the map zoom when clicking an item in the carousel
    • Set the carousel mode (LTR/RTL)
    • Set the number of items to scroll by in the carousel
    • Set the carousel easing effect and animation speed
    • Set the carousel to auto scroll mode
    • Set the scroll mode of the carousel
    • Scroll the carousel using the mouse wheel
    • Scroll the carousel using the touch swipe
    • Scroll the carousel by targeting markers and infoboxes
  • Carousel style
    • Customize the carousel arrows background and/or images
    • Change the background and style of the carousel container
    • Change the background color of the carousel items
  • Carousel items settings
    • Set the display view of the items in the crousel
    • Show or hide the carousel items images
    • Changing the carousel items size
    • Show or hide the carousel items link
    • Change the text of the carousel items link
    • Build a custom title from custom fields for the carousel items
    • Set the carousel items title as a link
    • Choose how to open the carousel items links
    • Build a custom content from custom fields and/or categories for the carousel items
    • Add ellipses (…) at the end of the crousel items content
  • Faceted search settings
    • Build a faceted search to filter posts on the map
    • Automatically open the faceted search once the map is loaded
    • Filter the posts by selecting one or multiple taxonomy terms
    • Automatically select particular terms and filter the map once loaded
    • Drag or autofit the map when filtering posts
    • Customizing checkboxes and/or radio buttons in the filter
    • Change the faceted search button image
    • Change the background color of the faceted search
  • Search form settings
    • Display a search form on the map to find locations within a specific distance of an address
    • Automatically open the search form once the map is loaded
    • Set the Min. & Max. distance of search
    • Set the distance unit (Km/Miles)
    • Deactivate the geo-targeting on the search form
    • Change the default titles in the search form
    • Change the search form button image
    • Change the background color of the search form
    • Change the search form warning messages
    • Draw a circle around the search area
    • Resize the circle to refine the search results
    • Customizing the circle
  • Zooming to countries settings
    • Countries search
    • Automatically open the countries list once the map is loaded
    • Show the country bounds
    • Zoom the map to the country center point
    • Add search field to countries list
    • Change the countries list button image
    • Choose the language to use when displaying the countries names
    • Show and/or hide the countries flags and/or names
    • Choose the countries to use in the search
    • Change the display order of the countries in the list
  • Nearby points of interest settings
    • How does the feature nearby points of interest works?
    • Display the list of nearby places on the map
    • Automatically open the list of nearby places once the map is loaded
    • Choose the Min. & Max. distance of search
    • Choose the unit system to use when displaying distance
    • Draw a circle around search area
    • Resize the circle to get more or less nearby places of interest
    • Use custom icons for nearby place types
    • Show and/or hide the place types icons and/or names from the place types list
    • Choose the nearby place types to use in the search
    • Change the display order of the place types in the list
  • Autocomplete settings
    • Use Autocomplete for address fields
    • Restrict the autocomplete search to the area within the current viewport
    • Restrict the autocomplete search to particular countries
  • Customize
    • Change the order of the top buttons on the map
    • Change the order of the left buttons on the map
    • Change the modal/pop-up size
    • Force to open the modal/pop-up in fullscreen
    • Change the main colors of the plugin
    • Change the slider color
    • Change the default marker color
    • Change the default clusters color
    • Change the zoom controls icons
    • Customize the map using your custom CSS code
  • Posts Count Settings
    • Show the number of posts available on the map
  • Translation
    • Translate from the plugin settings
    • Update the .PO file after plugin update
    • Translate using WPML
    • Translate using PoEdit
  • Troubleshooting
    • Regenerate markers
    • Enabling WordPress Debugging
    • Enabling the plugin debug mode
    • Disabling Stylesheets & Scripts
    • Fix the issue of small featured images
    • Fix the issue of infobox and carousel items content that is displayed as shortcodes
    • Fix the issue where settings cannot be saved
    • Issue: Setting 0 daily quota override disables Maps API on project
  • Single post maps
  • Shortcodes
    • Shortcode: [cspm_main_map]
    • Shortcode: [cspm_route_map]
    • Shortcode: [cspm_light_map]
    • Shortcode: [cspm_static_map]
    • Shortcode: [cspm_streetview_map]
    • Shortcode: [cspm_contact_map]
    • Shortcode: [cspm_frontend_form]
  • Tutorials
    • Open the single post page inside a modal
    • Center the map on a specific marker when the page loads and trigger the marker’s event
    • Programmatically change single map language based on the URL’s language attribute
    • Synchronize the ACF map field with the map fields in “Progress Map”
    • Set the zIndex of a specific marker
    • Replace/override your map query settings to showcase diverse locations on any page
    • Show locations based on a keyword search
    • Display “Progress Map” metabox on “Envira Gallery” add/edit page
    • How to add custom class names to the infoboxes
    • How to add “Read More” link to the infobox content
    • Programmatically change the content of the carousel items
    • Programmatically change the content of the infobox
    • Programmatically change the title of the infobox
    • Make the plugin GDPR/DSGVO compliance
    • Trigger marker events
    • Center the map on a specific marker on page load
    • Open the locations/posts “Nearby places” map inside a modal
    • Redirect to the single post on marker click
    • Insert a map inside a taxonomy page and display locations based on the current taxonomy term
    • Use marker popups to display the post ID
    • Change the text of the button “Toggle Carousel”
    • Use the StreetView image as the carousel items image
    • Hide the Points of Interest from the map
    • Import/Export your maps between WordPress websites
    • Import/Export your map locations between WordPress websites

Made with love by

© 2013 - 2025 CodeSpacing

  • Home
  • User Guides
    • Progress Map
      • Shortcodes
      • Tutorials
    • List & Filter
      • Shortcode Attributes
      • Tutorials
    • Submit Locations
      • Shortcode
      • Tutorials
    • Advanced Search
    • Draw a Search
    • Nearby Places
      • Shortcode
      • Tutorials
    • Markers Filter
    • Keyword Search
    • Directions
      • Shortcode
  • How to install the plugin?
  • How to update the plugin?
  • How to get support?
  • Refund Policy

Choose when to display the infobox

  • Home
  • Progress Map Guide
  • Infoboxes settings
  • Choose when to display the infobox

The plugin provides different ways to load/display infoboxes:

    1. On map load: This option will load all infoboxes once the map is fully loaded.
    2. On marker click: This option will load one infobox at time but only when you click on a marker and/or when you click on the related item of a marker in the carousel.
    3. On marker hover: This option will load one infobox at time but only when you hover over a marker and/or when you click on the related item of a marker in the carousel. This option doesn’t work on touch devices!
    4. By reaching a zoom level: This option will load the infobox(es) only when the map reaches a specific zoom level (e.g. 14).

To choose an option, do the following:

  1. Edit a map
  2. Open the widget “Progress Map Settings”.
  3. Click on the menu “Infobox settings”.
  4. Choose when to display infoboxes in the field “Display event”.

In the same context

  • Set the infobox type
  • Change the infobox description length
  • Change the infobox size
  • Display infoboxes by reaching a zoom level
  • Add a close button to the infoboxes
  • Remove the infobox when the mouse leaves the marker
  • Choose how to open the infobox’s link
  • Build a custom title from custom fields for the infoboxes
  • Build a custom content from custom fields and/or categories for the infoboxes
  • Add ellipses (…) at the end of the infoboxes content
  • Disable the infoboxes

CodeSpacing

  • Home
  • Codecanyon Portfolio
  • How to get support?
  • Support Policy
  • Refund Policy

Products

  • Progress Map
  • List & Filter
  • Submit Locations
  • Advanced Search
  • Draw a Search
  • Nearby Places
  • Keyword Search
  • Directions
  • Standard Bundle

Need Support?

If you need any further help, don’t hesitate to contact us. We provide support through the item comments. To get support, you must login to Codecanyon using the account you’ve used to purchase our product(s).

Read more about how to get support.

Made with love by

© 2013 - 2025 CodeSpacing

Top