WP Mapbox GL JS

Description

WP Mapbox GL JS brings Mapbox to WordPress. This plugin you to create custom maps with Mapbox GL JS, embed your styles, and more! See WP Mapbox GL JS Advanced for a premium version with more features.

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!

Premium features include:

  • 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 GL JS screen to enter your Mapbox Studio access token.
  4. Use the GL JS 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 GL JS 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

Mapbox made easy!

I love this plugin.

If you think you need to know web development to use Mapbox, think again. It’s so easy to use!!

5/5 stars!

Finally! A Mapbox plugin!

I’ve been searching for a while for a plugin that can help me get Mapbox onto my site. My style imported perfectly! Awesome work Mapster!

New User

I’m a new user with very little experience with web developing, but I was able to wrap my brain around using this plugin.

Read all 3 reviews

Contributors & Developers

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

Contributors

Translate “WP Mapbox GL JS” into your language.

Interested in development?

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

Changelog

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