【WordPress】公式マッププラグインのマップをお洒落にカスタマイズSnazzy Maps

snazzy_maps_s
Snazzy MapsはWordPress公式のマッププラグインを使ってGoogleマップにお洒落なスタイルを適用できるプラグイン。公式のマッププラグインの中には適用できないものもあるようです。

互換性のあるGoogleマッププラグイン

  1. WP Google Maps
  2. Comprehensive Google Map Plugin
  3. Leaflet Maps Marker
  4. WP Google Map Plugin
  5. Map List Pro
  6. WP Flexible Map
  7. Basic Google Maps Placemarks
  8. Pronamic Google Maps
  9. Robo Maps
  10. Google Routeplanner
  11. WPMU DEV Google Maps

※この他にも動作するプラグインはあるかもしれません。

動作しないプラグイン

  1. Geo Mashup
  2. Embed Google Map
  3. Visual Composer

※この他にも動作しないプラグインはあるかもしれません。

The Snazzy Maps plugin cannot apply styles to maps created using the Google Maps Embed API.

引用: Snazzy Maps FAQ
Snazzy Mapsプラグインは、Googleマップの埋め込みAPIを使用して作成されたマップにスタイルを適用することはできません。

Snazzy Mapsプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Snazzy Mapsを検索
有効化にすると外観にSnazzy Mapsが追加されます。

今回はこのブログでも紹介したBasic Google Maps Placemarksで試しました。ここではBasic Google Maps Placemarksの設定に関しては説明を省きます。

Snazzy Maps

snazzy_maps_1
Site Stylesに選択したマップスタイルが表示されます。

snazzy_maps_2
Exploreに移り、マップスタイルを選択します。表示させたいスタイルのSAVE STYLEをクリックします。

snazzy_maps_5
Site Stylesに戻り、選択したスタイルが表示されます。有効化にできるのは1つだけですが、下記のようにスタイルは幾つか選択することができます。

snazzy_maps_6

snazzy_maps_4
Enableをクリックし、有効化にします。

snazzy_maps_3
地図を表示させると上記のようにマップスタイルが変更されます。

 
Snazzy Maps

【WordPress】公式マッププラグインのマップをお洒落にカスタマイズSnazzy Maps

  • LATEST
  • RELATED
  • POPULAR