Title: WP Mapbox GL JS Maps
Author: tempranova
Published: <strong>2018 年 1 月 10 日</strong>
Last modified: 2021 年 11 月 7 日

---

搜索插件

![](https://ps.w.org/wp-mapbox-gl-js/assets/banner-772x250.png?rev=1877547)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/wp-mapbox-gl-js/assets/icon-256x256.png?rev=1877547)

# WP Mapbox GL JS Maps

 作者：[tempranova](https://profiles.wordpress.org/tempranova/)

[下载](https://downloads.wordpress.org/plugin/wp-mapbox-gl-js.zip)

 * [详情](https://cn.wordpress.org/plugins/wp-mapbox-gl-js/#description)
 * [评价](https://cn.wordpress.org/plugins/wp-mapbox-gl-js/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/wp-mapbox-gl-js/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/wp-mapbox-gl-js/#developers)

 [支持](https://wordpress.org/support/plugin/wp-mapbox-gl-js/)

## 描述

NOTE: This plugin has been deprecated and is no longer supported. Please see our
latest plugin, [Mapster WP Maps](https://wordpress.org/plugins/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](https://www.mapbox.com/mapbox-gl-js/api/). 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](https://www.mapster.me), 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](https://www.mapster.me/wp-mapbox-gl-js/) 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](https://mapster.me#contact) if you can’t find what
you’re looking for. We’re here to help.

## 屏幕截图

 * [[
 * 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](https://www.mapster.me/wp-mapbox-gl-js/docs/shortcode/map-options/)
   as needed.
 * [[
 * Publish your post/page and check out your new map!

## 安装

 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.

## 常见问题

### 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](https://www.mapster.me/wp-mapbox-gl-js/docs/shortcode/map-options/)
in our docs for how to use the shortcode.

### Something is wrong with my markers!

We would love to get your [feedback email](https://mapster.me#contact) so we can
track down whatever bug you’re running into.

## 评价

![](https://secure.gravatar.com/avatar/49286f7fc96f115927554e69adb32a55e4bbdc63a645d0b63c366ab09d526b2e?
s=60&d=retro&r=g)

### 󠀁[Perfect for if you use page builder besides Gutenberg.](https://wordpress.org/support/topic/perfect-for-if-you-use-page-builder-besides-gutenberg/)󠁿

 [dbartecchi](https://profiles.wordpress.org/dbartecchi/) 2020 年 10 月 23 日

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.

![](https://secure.gravatar.com/avatar/9ccb6be556c19c771a471839e22c85990d0f54cef514de42e7e8d4d1492f87c0?
s=60&d=retro&r=g)

### 󠀁[Disappointed with the the Advanced License](https://wordpress.org/support/topic/disappointed-with-the-the-advanced-license/)󠁿

 [cstal](https://profiles.wordpress.org/cstal/) 2019 年 6 月 9 日 2 回复

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.

![](https://secure.gravatar.com/avatar/ee56cb51fc5a002da482c79ecd9439e5f5097cfb12df61fe2ef693ffdb3e654b?
s=60&d=retro&r=g)

### 󠀁[Absolutely Great support!!](https://wordpress.org/support/topic/absolutely-great-support-2/)󠁿

 [](https://profiles.wordpress.org/madumatt/) 2019 年 4 月 30 日

Very useful and absolutely Great support! Thank you to the mapster team!

![](https://secure.gravatar.com/avatar/4f1d009da89ac68052006b4ef7772ee9d28650b09cff3403d4b3203e6f891942?
s=60&d=retro&r=g)

### 󠀁[Doesn’t work/No support](https://wordpress.org/support/topic/doesnt-work-no-support-23/)󠁿

 [raneyron](https://profiles.wordpress.org/raneyron/) 2019 年 2 月 9 日 1 回复

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.

![](https://secure.gravatar.com/avatar/57e9f04c61c20b3788a66c008f0ddd799b05bca56f35cac09b72f32fe20b35c3?
s=60&d=retro&r=g)

### 󠀁[Very useful. I mean realy very useful](https://wordpress.org/support/topic/very-useful-i-mean-realy-very-useful/)󠁿

 [Hakan](https://profiles.wordpress.org/zetasis/) 2018 年 11 月 18 日

The plugin has been placed in our plugin list Thank you Mapster Tech

![](https://secure.gravatar.com/avatar/a5b1b9c7d29ee53492d259d022a668cdb2618f4952e77be9227498ba04a547de?
s=60&d=retro&r=g)

### 󠀁[Does what it says](https://wordpress.org/support/topic/does-what-it-says-746/)󠁿

 [robinberghuys](https://profiles.wordpress.org/robinberghuys/) 2018 年 10 月 23
日

Great way to display Mapbox maps on your WordPress website. Easy to set up and use.

 [ 阅读所有9条评价 ](https://wordpress.org/support/plugin/wp-mapbox-gl-js/reviews/)

## 贡献者及开发者

「WP Mapbox GL JS Maps」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ tempranova ](https://profiles.wordpress.org/tempranova/)

[帮助将「WP Mapbox GL JS Maps」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/wp-mapbox-gl-js)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/wp-mapbox-gl-js/)，查看
[SVN仓库](https://plugins.svn.wordpress.org/wp-mapbox-gl-js/)，或通过[RSS](https://plugins.trac.wordpress.org/log/wp-mapbox-gl-js/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/wp-mapbox-gl-js/)。

## 更新日志

#### 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

## 额外信息

 *  版本 **3.0.1**
 *  最后更新：**5 年前**
 *  活跃安装数量 **1,000+**
 *  WordPress 版本 ** 3.0.1 或更高版本 **
 *  已测试的最高版本为 **5.4.19**
 *  语言
 * [English (US)](https://wordpress.org/plugins/wp-mapbox-gl-js/)
 * 标签
 * [interactive map](https://cn.wordpress.org/plugins/tags/interactive-map/)[mapbox](https://cn.wordpress.org/plugins/tags/mapbox/)
   [maps](https://cn.wordpress.org/plugins/tags/maps/)[real-estate](https://cn.wordpress.org/plugins/tags/real-estate/)
 *  [高级视图](https://cn.wordpress.org/plugins/wp-mapbox-gl-js/advanced/)

## 评级

 4.1 星（最高 5 星）。

 *  [  7 条 5 星评价     ](https://wordpress.org/support/plugin/wp-mapbox-gl-js/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/wp-mapbox-gl-js/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/wp-mapbox-gl-js/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/wp-mapbox-gl-js/reviews/?filter=2)
 *  [  2 条 1 星评价     ](https://wordpress.org/support/plugin/wp-mapbox-gl-js/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wp-mapbox-gl-js/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/wp-mapbox-gl-js/reviews/)

## 贡献者

 *   [ tempranova ](https://profiles.wordpress.org/tempranova/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/wp-mapbox-gl-js/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](http://www.mapster.me/wp-mapbox-gl-js/)