こんにちは、ウェブ担当の王です。
今日は「グーグルマイマップ」という無料サービスを使って、会社アイコン、エリア、駅から会社までのルートを登録する3つの便利機能を紹介したいと思います。
グーグルマイマップとは
グーグルマイマップは簡単に言いますと、ニーズに合わせて場所やルート、エリアの地図を自由に作成できるグーグルマップサービスです。
会社でも個人でも、グーグルアカウントさえ持っていれば誰でも無料で使えますので、
企業のアクセスページに埋め込んだり、おすすめの観光コースを紹介したりする時に利用できる便利なサービスです。
今日のゴール
今日のゴールはネディアの会社アイコン、エリア、駅からのルートをグーグルマイマップに表示させることです。
作成するには必要なのは?
グーグルアカウントだけです。
Google Maps APIと違って、クレジットカード情報設定などの必要はありません。
早速使ってみましょう
まずグーグルマイマップにログインして、 ボタンをクリックしてマップを新規作成します。
こちらの編集画面から追加していきましょう。
● 自社アイコンで表示する
指定する住所を検索するか、「マーカーを追加」のアイコンをクリックして直接ピンを置きます。
地図に追加すると、下記のツールバーが出てきます。
左から順番に「スタイル」、「編集」、「画像または動画を追加」、「ここまでのルートを表示」、「対象物を削除」のボタンになります。
ここでは「スタイル」→「他のアイコン」をクリックすると、あらかじめ用意されたアイコンがずらりと並びます。
これだけでも十分に使えると思いますが、今回は自社アイコンで表示したいということで、
「カスタムアイコン」をクリックして、「アップロード」から「Google検索」まで、6種類のインポート方式から会社のアイコンを選択して「OK」をクリックします。
地図で確認してみましょう。
● エリアを表示する
次はこちらの「ラインを描画」アイコンをクリックし、「ラインやシェイプを追加」を選択して”+”に変わったカーソルをエリアに合わせて描画します。
色や透明度、枠線の太さなどはお好みで調整してください。
ただし、点と点の間は直線しか描けませんので気を付けましょう。
● ルートを表示
続いてはこちらの「ルートを追加」ツールを利用してルートを表示しましょう。
まずアイコンをクリックすると左側のパネルに新たなレイヤが追加されます。
「車」、「自転車」、「徒歩」3つの交通手段が選べます。
交通手段を選び、出発地と目的地を設定すると、最適なルートが描画されます。目的地は複数追加できます。
地図から直接ドラッグすると修正することができます。
ちなみに、先ほどの「ラインを描画」ツールからもルートの描画ができますが、よっぽど変なルートじゃなければこちらから楽に追加できますのでお勧めです。
まとめ
グーグルマップと同じように、iframeで簡単にサイトに埋め込みすることができますので、簡単なカスタマイズ地図を乗せたいだけなのに、Google Maps APIの設定が面倒だと思われる方は、是非このグーグルマイマップを入れてみてください。