WP Mapbox GL JS Maps

November 07, 2021

WP Mapbox GL JS Maps Plugin

NOTE: This plugin has been deprecated and is no longer supported. Please see our latest plugin, Mapster WP Maps, for a more up-to-date and maintained …

NOTE: This plugin has been deprecated and is no longer supported. Please see our latest plugin, Mapster WP Maps, for a more up-to-date and maintained plugin for using Mapbox on your site.

Create custom maps with WP Mapbox GL JS Maps, embed your styles, and more! We are in the process of integrating all our advanced features into this plugin — for free! Check back for more updates soon.

WP Mapbox GL JS Maps makes map creation easy, even with no coding experience. It’s the only plugin out there using Mapbox’s latest GL JS! Let’s build some beautiful maps together.

This plugin makes extensive use of Mapbox services, including Studio Styles and the Mapbox GL JS library. Our plugin allows you to take full advantage of the following free features:

  • Live preview editor – see your map as you build it
  • Add unlimited markers by address or drag and drop feature
  • Customize your marker popups and icons using text, images, video, GIFs and more!
  • 10 awesome styles to choose from and the option to enter custom styles
  • Add custom overlays including lines and fills
  • Location search and directions
  • Tutorials and support from Mapbox GL JS experts
  • Shortcode allowing custom width, height, map options, style
  • Shortcode allowing multiple styles to be shown on one map
  • And more!

We’ve ported over our Advanced Plugin to be free now, and so all the following features are also included:

  • Over 100 icons with different colors available
  • More controls like geolocation, prefilling directions, custom categories
  • Map filters and layer filters
  • 3D map shapes
  • Opacity control
  • Import and export of map data
  • Syncing and working with Mapbox datasets

Developed by the mapping experts at Mapster Tech, this plugin is easy to use, up-to-date, and fully customizable. Build interactive maps that allow you to flex your creative muscles and add value to your website. Download now!

Take a look at the full docs We pride ourselves on providing you with all of the help you need to be successful in your mapping endeavors. We have included some examples, video tutorials, and FAQs to help you get started, and we would like to make sure you can do what you want with our plugin. Please contact us if you can’t find what you’re looking for. We’re here to help.

Installation

  1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the Settings->WP Mapbox Maps screen to enter your Mapbox Studio access token.
  4. Use the Mapbox Maps post type to create maps.
  5. Use the shortcode that appears after you Publish your map to embed it wherever you want on your site.

Screenshots

  1. Here is a screenshot of the GL JS Maps map editor!

    Here is a screenshot of the GL JS Maps map editor!

  2. The shortcode appears in the top right after you Publish.

    The shortcode appears in the top right after you Publish.

  3. Copy the shortcode to any post or page and use the <a href="https://www.mapster.me/wp-mapbox-gl-js/docs/shortcode/map-options/">shortcode options</a> as needed.

    Copy the shortcode to any post or page and use the shortcode options as needed.

  4. Publish your post/page and check out your new map!

    Publish your post/page and check out your new map!

FAQ

There’s nothing happening! What do I do?

Make sure you have gone to Settings > WP Mapbox Maps and added an access token from your Mapbox Account.

How do I set the width and height of my map?

Please see this page in our docs for how to use the shortcode.

Something is wrong with my markers!

We would love to get your feedback email so we can track down whatever bug you’re running into.

Changelog

3.0.0

  • Full integration of Advanced Plugin

2.0.6

  • Rollbacks and bug fixes

2.0.5

  • Gutenberg updates

2.0.4

  • Preparation for Advanced (README, slugs)

2.0.3

  • Map snapshot

2.0.2

  • Changes to loading frontend assets

2.0.1

  • Copy fixes and link updates

2.0.0

  • Release of custom map editor

1.0.0

  • First release

Details

  • Version: 3.0.1
  • Active installations: 1,000
  • WordPress Version: 3.0.1
  • Tested up to: 5.4.16

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars