Googleマップの使いかた

GoogleマップはAPI（有料）を利用すると、機能や視覚的にいろいろなことができます。 しかし、VIEW数に制限があったり、閲覧数に応じての課金など、導入には高いハードルがあります。 そこで、ここでは無料で提供されている機能・サービスのみで制作した、いろいろな表現のGoogleマップをご紹介します。

サンプル1

彩度を落としたり、モノクロで表示

普段スマホで使い慣れているせいか 「見た目や機能はそのまま（ノーマル）で」 と、ご要望されることも多くなりました。 しかし、せっかくシックな色合いのサイトを作っても、カラフルなGoogleマップがドーンと現れると、やや台無し感もあり…。 そこで調べると、Googleマップをグレーにしたり、彩度を落としたりする方法があると知りまして、導入したサンプルが以下のものです。 見た目や機能はそのままで、グッと落ち着いた雰囲気になります。

＊ 地図上をクリック（タップ）するとズームやスクロールなどの機能が使えます。

サンプル2

自分の会社だけ、目立ちたい

ここまでストレートなオーダーはありませんが（笑）、要するに“自社を目立たせたい”といったご要望はあります。 Googleマイマップを使えばマークの変更はできますが、サイズは仕様通りなので、周りに埋れてしまうケースも…そこで以下のような表現を考えました。

＊ ズーム・スクロールなどの機能は使用できません。

サンプル3

こんなことも！ 距離感を表現

以前、某物流企業様のために制作したものです。 数千キロに及ぶ物流網を、どのように表現すれば良いか悩んだのですが、Googleマップはやはり素晴らしいものです。 無料で提供されている機能だけでも、さまざまな表現が可能です。

＊ 地図上をクリック（タップ）するとズームやスクロールなどの機能が使えますが、範囲がずれると意図が伝わらなくなるので、用途に応じて固定でも良いかと思っています。

サッポロデザイン ｜ WEB・DTPデザイン ｜ WEBシステム制作設置

© SAPPORO DESIGN