🗺️
Mapster WP Maps
HomeProExamplesContact
  • Getting Started
    • About
    • Installation
    • Key Concepts
    • Importing/Exporting
    • Guides
      • Your First Map
      • Creating a Crowdsourced Map
      • Set Up Recurring Import
      • Adding a Custom Style
      • Building a Custom Popup
  • Creating Shapes
  • Displaying Maps
  • Maps
    • Map Tiles
    • Initial View
      • Fit to Features
      • Manual Values
      • User Location
    • Map Size
    • Points, Lines, Polygons
    • Clustering
    • Interactivity
    • Controls
      • Basic Controls
      • Geocoding & Geolocation
      • Togglers
      • Other Controls
      • Control Render Order
    • Filters
      • Category Filter
      • Custom Search Filter
      • Filter Dropdown
    • Lists
      • Store Locator
    • Specialty Maps
      • Map Comparer
      • Heatmaps
      • Elevation Profile
      • User Submission
      • Listing Page Map
    • Preloader
    • Developer
      • Javascript
      • Embedding Maps
      • Faster Loading (Cache)
      • Caching
      • Progressive Loading
  • Locations
    • Markers
    • Circles
    • Labels
    • Icons
    • 3D Models
  • Lines
    • Lines
  • Multi Lines
  • Polygons
    • Flat Polygons
    • 3D Polygons
    • Image Polygons
  • Multi Polygons
  • Popups
    • Popup Templates
      • Introduction
      • Layout, Colors, Text, CSS
      • HTML
      • Options
    • Popup Content
  • Pro Sections
    • User Submission
      • Overview
      • Submission Interface
      • Adding Custom Fields
      • Submission Admin
  • Mass Edit
  • Settings
    • General
    • Account Management
  • Advanced
  • Import
  • Tileset Management
  • Developer
    • Mapster Map ACF Field
    • Mapster Map Gravity Forms Field
    • Custom Scripts
    • Hooks
    • Spatial DB & API
    • Internationalization
Powered by GitBook
On this page

Was this helpful?

  1. Maps
  2. Specialty Maps

Map Comparer

Show two maps at once with a slider, allowing exact comparison.

PreviousSpecialty MapsNextHeatmaps

Last updated 17 hours ago

Was this helpful?

Creating a map that shows two different maps at once, with a slider between them, is a great way to show change over time in a map. Creating this is quite straightforward when you're using Mapster WP Maps. This works in both Maplibre and Mapbox maps -- but you can't mix them. You must compare two Mapbox maps or two Maplibre maps. .

First, you will need to create your two maps. These are created as normal in Mapster WP Maps. However, you should bear in mind that it's probably best to make sure both maps have the same starting zoom, center, pitch, and rotation. That way, when the map comparer loads, it will be in the same place for both maps.

It's also best if you make your more heavily featured map as your base map, so that loading will happen efficiently.

You can make sure your maps have different Styles loaded, or just maps with different markers and geographical features loaded in. Anything normally added to your map will be visible in the comparer.

Next, in the map you want to appear on the left-hand side, go to your Map edit page. Go to Specialty Maps > Map Compare, and turn it on. Then select the map that will appear on the right side of the map slider.

Voila!

See an example here
Users can slide back and forth or move around the map to see changes over time.