Googleマップのお手軽カスタマイズできる「Styled Maps Wizard」の使い方

Googleマップのお手軽カスタマイズできる「Styled Maps Wizard」の使い方

エリカ

エリカ

おまけ

参考になるページをご紹介していきます。

スタイル集

カスタマイズに迷ったときは、スタイル集を参考にしましょう。

Styles(公式)

picture

※現在はアクセスできません。

Snazzy Maps(非公式)

picture

※現在はアクセスできません。

日本語版

上でも紹介した、「プロスタッフ-ブログ(https://blog.prostaff1.com/)さん」が Styled Maps Wizard の日本語化をなさっています。

picture
Styled Maps Wizard 日本語(非公式):https://code.prostaff1.com/sample/10_google-map/styledmaps/
※現在はアクセスできません。

旧バージョンではありますが、機能は十分あるのでこちらを利用しても問題ないと思います。

高度なカスタマイズ

Styled Maps Wizard だけではできない様々なカスタマイズ方法が紹介されています。
ちょっと難しいですが、参考にしてみてください。

Google Developers スタイル付き地図(公式ヘルプ):https://developers.google.com/maps/documentation/javascript/styling?hl=ja

まとめ

いかがでしたか?
これなら、Google マップのアレンジもお手軽にできそうですね。ぜひ、他とは違うオリジナルのスタイルにチャレンジしてみてください!
 

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

ディレクターのエリカです。趣味は美術鑑賞で、絵画や展示などたくさんの作品を眺めるのが好きです。得意料理は「鍋」です。よろしくお願いします。

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL