nanapi Web トップ

みんなで作る、Webサービスの使い方サイト

  1. 地図(Googleマップ)を自分のサイトに簡単に表示させる方法

地図(Googleマップ)を自分のサイトに簡単に表示させる方法

mochi
mochi

はじめに

自分のサイトや会社案内などに、地図を載せたいことってありませんか?特に会社案内(アクセスマップ)には地図は欠かせない存在ですよね。

自分、もしくは別の人に作ってもらったイラレなどで書かれた地図は
隣の建物や通りの名前が書いてなかったりと、意外と使えないことが多いものです。

そこで便利なのが、Googleマップです。これまでも地図表示はできていたのですが、一般人には敷居が高く、一部のエンジニアさんなどでないとそう簡単には実現できないものでした。

しかし、GoogleMaps Element を使うと、これが簡単にできてしまいますので、ご紹介です。

Googleマップを自分のサイトに貼り付ける方法

1.「Maps Element」へアクセス

2. 住所などを入力していく

  • Marker address・・・住所を入力
  • Marker title・・・会社名や場所の名前などを入力

3. コードをコピー

「2」で出てきたコードをコピーします(Ctrl+C)

4.表示したいページにペーストする

(Ctrl+V)

5. 完成

自分のサイトを確認してください

YouTube の動画を引用するイメージで、地図を表示させることができます。

簡単ですし、地図があると見栄えもよく分かりやすいサイトになりますよ。お試しください。

著者紹介

コメント

世界地図と衛星画像。一部の国では、市街地図レベルまで拡大可能。地名、店名、サービス名で検索可能。

オフィシャルサイトへ移動

購読する