複数の地点や道順などのマップを埋め込みたい!
久々のフォローシリーズ。
お客様から問い合わせがあったので、こちらでもご紹介します。
コムログクラウドには便利な地図挿入機能があります。
ただし一箇所しか表示できない。
例えば、
会社と工場の場所を同時に表示したいとか、
駐車場と店舗を表示したいとか、
各地に散らばっている支店を全部表示したいとか
駅からのルートを表示したいとか
地図の使い方にもいろいろあります。
それをページ内に埋め込みたいとなった時には、
標準機能では難しいので、下記の手順で埋め込めますので
お試しください。
まず使うのは、Google Mapのマイマップ機能
【1】マイマップにアクセス
まずは、
GoogleMapにアクセスします。
(この時にGoogleのアカウントでログインが必要です)
そうすると住所等検索する場所をクリックすると
下記のズのようにマイマップって表示されます。
マイマップをクリックすると下記の画面のようになります。
新規の場合は「作成」を押してください。
【2】マップを作る
マップには、ポイント、ルートなどを表示できます。
個人の趣味の御朱印マップですが、御朱印を頂いた全国の神社仏閣を
マッピングしています。
上で利用しているのは、ポイントだけですが、
![Google Map マイマップ](/hirai/file/s3714.jpg)
上のツールを使うとラインを描いたり、ルートマップとしても使えます。
【3】ページに埋め込む
マップが出来たところで、ページに埋め込みます。
レイヤを追加、 共有の一番右の 「・・・」を押すと
下記のようにメニューが展開しますので、
自分のサイトに埋め込むをクリックします。
すると中央に下記のようにウインドウを開きます。
そして、中のソースコードをそのままコピーします。
【4】ページに埋め込む
コピーしたソースをコムログクラウドのページに埋め込みます。
ページ作成で、開いたエディタに移動します。
そのままソースコードを貼り付けても、表示されません。
アイコンの一番後ろの「ソース」を選んでください。
適宜:幅(width)や、高さ(height)は、変更してください。
これで、埋め込み終了です。実際に埋め込まれた地図は
下のようになります。
左上の
![](/hirai/file/3720.jpg)
このマークを押すとメニューが開きます。
ラインを使うとこんな感じになります。
いろいろな活用ができると思いますので、お試しください!