🗺️
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
  • Setting Parameters
  • Permissions

Was this helpful?

  1. Maps
  2. Developer

Embedding Maps

Allow other websites to embed your map

Available in Pro only.

Allowing external users or apps to embed your maps expands the breadth of your creativity hugely. We're also working on API options so you can call your map data from a mobile app! Get in touch if you need this ASAP.

When you've installed Pro, the menu items under "Embed & API" will be visible when editing a Map.

To embed a map, simply go to the Embed & API section when on a given Map edit screen, turn on Allow Embed, and copy the embed code that appears underneath. You can give this to other users or place it on other sites as needed.

Setting Parameters

You can manually set the center and zoom of an embed code according to the URL if you like!

Set it using query strings on the URL that's given to you, for example like:

<iframe src="http://mapster-wordpress-maps-development.local/wp-content/plugins/mapster-wordpress-maps/admin/includes/mapster-embed-map.php?map_id=1609" />

You can add

  • &latitude=<lat value>

  • &longitude=<lng value>

  • &zoom=<zoom value>

to the URL, like

<iframe src="http://mapster-wordpress-maps-development.local/wp-content/plugins/mapster-wordpress-maps/admin/includes/mapster-embed-map.php?map_id=1609&latitude=0&longitude=0&zoom=2" />

Permissions

However, you may not want your map to be embeddable anywhere on the internet. To only allow specific users, turn on Protect Embed and, in the text area below, enter each domain you want to allow on a separate line.

PreviousJavascriptNextFaster Loading (Cache)

Last updated 3 days ago

Was this helpful?