This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

WP Mapbox GL JS Maps

Maelezo

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.

Screenshots

  • Here is a screenshot of the GL JS Maps map editor!
  • The shortcode appears in the top right after you Publish.
  • Copy the shortcode to any post or page and use the shortcode options as needed.
  • Publish your post/page and check out your new map!

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.

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.

Reviews

Oktoba 23, 2020
This is such an elegant way to incorporate Mapbox maps into your site, especially if you use a page builder besides Gutenberg. We use the Elementor pagebuilder so it’s nice to be able to just insert a shortcode directly into Elementor’s shortcode element.
Juni 9, 2019 2 replies
The free plugin is fine for people wanting to make a simple map within wordpress. However, I paid for the advanced license because I already had stylized mapbox maps with data sets. The data import functions for the advanced license sort of worked, but was buggy most of the time and my icon markers still do not display and neither do the popups. I reached out to support and got no response. I also was really interested in the “store finder” function of the advanced license but was very unimpressed with it. It does fly you to the different locations, but you cannot really style the locations list or add any extra data to the list from your data/tile sets. Overall I feel like I definitely wasted my money and should have stuck with the free version.
Febuari 9, 2019 1 reply
I am a fairly savvy developer, but not an expert. I downloaded this plugin and proceeded to get a Mapbox account. I have an unresolved issue. Basically, the plugin doesn’t work. The shortcode is rendering markup on the page, not a map. I’ve watched the videos, read the docs, and asked for support. I’ve done all the usual disabling plugins, deleting, reactivating, new maps, new access tokens. Nothing works. Support is not offered for this plugin. It would be unwise to purchase premium. Until the plugin works, and until support is offered, I would give it the lowest rating. If this situation changes, I’d be happy to change my review.
Soma maoni yote 9

Wachangiaji & Wasanidi

“WP Mapbox GL JS Maps” is open source software. The following people have contributed to this plugin.

Contributors

Translate “WP Mapbox GL JS Maps” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

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