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://ja.wordpress.org/plugins/wp-mapbox-gl-js/#description)
 * [レビュー](https://ja.wordpress.org/plugins/wp-mapbox-gl-js/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/wp-mapbox-gl-js/#installation)
 * [開発](https://ja.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.

## 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](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 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.

![](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 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.

![](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/)をチェックする
か、[開発ログ](https://plugins.trac.wordpress.org/log/wp-mapbox-gl-js/)を [RSS](https://plugins.trac.wordpress.org/log/wp-mapbox-gl-js/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 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://ja.wordpress.org/plugins/tags/interactive-map/)[mapbox](https://ja.wordpress.org/plugins/tags/mapbox/)
   [maps](https://ja.wordpress.org/plugins/tags/maps/)[real-estate](https://ja.wordpress.org/plugins/tags/real-estate/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/wp-mapbox-gl-js/advanced/)

## 評価

 5つ星中4.1つ星

 *  [  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/)