eyemovic inc.

Culture blog会社の活動・働き方

2013.12.18

GoogleMapのデザインをカスタマイズする方法

サイト制作時、地図の挿入でいつもお世話になってるGoogleMapですが、ちょくちょく見かけるデザインカスタマイズされたGoogleMap。例としては・・・

鎌倉の面白法人さんとかkayac

青山の制作会社さんとかwrass

おなじみのマーカーデザイン変更だけでなく、マップそのものの色をサイトデザインに合わせてカスタマイズできると、見慣れた地図もなんだかオシャレに。しかも地図データはGoogleをそのまま使用しているので、地図を作ったりする手間も省けそうで胸熱です。

調べてみると、下記のブログでとても詳しく解説されていましたよXD
Googleマップをイラストマップみたいにしたい。| Lopan.jp

記事を読むと、
オリジナルのピン画像を使う
GoogleMapのコントロールUIを取っ払う
地図に入っている文字情報を外す
地図の色、道路、ランドマーク、水域といった各ポイントの色変更
などができるようです。

企業色が明確なサイトやブランド系のサイトなどを作る時はぜひ試してみようかなと思います。

愛媛県松山市でWeb開発一筋15年、700サイト以上の構築実績!

Webサイト制作・システム開発・スマホアプリ開発・組込ソフトウェア開発ならアイムービックにお任せ下さい。