World Map Alpha


A versatile, dynamic map frame for displaying locations with markers.

World Map Alpha
Available for:
Buy Frames
Back to library


World Map Alpha is a perfect frame for any business with multiple locations, service areas, or any website that needs to map locations with markers.

The map is an SVG that can be swapped out for any map: a country map, a state map, or even a single city map. You can also change the map’s color from the builder settings panel.

The map markers are query-loop compatible, making the entire map dynamic.

Query Loop Compatible


This frame uses the following locally scoped variables to make it easier for you to edit the style or behavior of this frame. Variables can be viewed or edited from the CSS tab.

Related Components

No related components.


  • How do I make the markers dynamic?

    For dynamic markers, follow these steps:

    1. Create a locations CPT to organize your locations.
    2. Add custom fields to the locations posts for Top Position and Left Position coordinates.
    3. Map dynamic data to the data attributes attached to the marker (see below)
    4. Set the query loop on the marker to pull posts from your locations CPT.

    Map the data attributes like this:

    • data-marker-label = World Map Alpha
    • aria-label = Location: World Map Alpha
    • data-marker-inset-top = Your top position custom field
    • data-marker-inset-left = Your left position custom field

Use the related frames section above to check FAQs for other frames related to this frame if you don't see your question here.