こんにちは。私は会社のサイトを運営していて、先日ある場所のアクセスベージを作るためにGoogleマップをカスタマイズして、サイトに埋め込みたいのですが、方法がよく分からなくてうまくできませんでした。よかったら、できる方法を教えていただけませんか。
Googleマップ埋め込みのが必要とする場合が少なくないですね。ブログを書いたり、ウェブサイトの記事を書いたりする場合、時々Googleマップをサイトに埋め込みたいですね。それでは、グーグルマップ埋め込みの二つの方法を紹介いたします。もしお役に立てば嬉しいです。
通常な方法：Googleマップ内蔵の埋め込み機能
2014年2月の新しいGoogle マップでは、基本地図、運転ルート、ローカル検索をウェブサイトやブログに埋め込むことができるようになりました。Googleマップを埋め込むためには、まずGoogleMap にアクセスします。
- 左上の検索ボックスに目的の住所を入力して検索します。
- 現在の地図表示に、埋め込む地図が表示されていることを確認したら、右下にある歯車アイコンをクリックします。
- 「地図を共有/埋め込む」をクリックしたら、「地図を埋め込む」を選択します。
- 希望の埋め込みサイズを選択して HTML をコピーし、ウェブサイトやブログのソースコードにコードを貼り付けます。
以上のステップでGoogle地図埋め込みが可能です。
おすすめの方法：Apowersoft画面キャプチャ
Apowersoft画面キャプチャは無料スクリーンショットソフトであり、利用者たちの要求に合わせて簡単にスクリーンショットを取り、編集し、共有することなどができます。上記の方法を利用したら、Googleマップ埋め込みができます。しかし、Google map埋め込みカスタマイズしたいなら、Googleマップだけを利用したら、ちょっと足りないです。例えば、マップにテキストや注釈などの追加をしたい場合はやはり困りますよね。また、Googleマップ内蔵の機能はマップサイズを選択出来るとは言え、画像の比率を失っておかしくなってしまうことが多いみたいです。そのため、Apowersoft画面キャプチャも合わせて利用すれば効率的と思っています。
- Google Mapにアクセスしたら、左上の検索ボックスに目的の住所を入力して検索します。
- 現在の地図表示に、Googleマップ埋め込みたい部分が表示されていることを確認します。
- Apowersoft画面キャプチャをインストールして立ち上げます。完了したら、キーボードの「printscreen」キーまたはカメラアイコンをクリックします。
- ドラッグ&ドロップして保存したいGoogleマップのサイズ選択して、できたらマウスから離れます。その時、テキストなどの注釈をしたいなら、自由に追加できます。
- アップロードボタンをクリックします。すると、下図のウィンドウが出てきます（パスワードを入力しなくてもいいですが、入力したら、自分以外の人は画像を見えませんので、パスワードの設定がおすすめです。）
- アップロードしたら、四種類のコードが提供されます。自分のニーズに合わせるコードをコピーして、ウェブサイトやブログのソースコードに貼り付けます。
PS:より一層豊富された編集機能が備えられているApowersoft画面キャプチャプロもありますから、編集機能に対して高く要求している方は気軽に試用してください。
まとめ
方法１の利点はマップの埋め込み機能が内蔵されているので、Googleマップだけを利用すれば簡単に済ませます。欠点はマップのサイズはカスタマイズできますが、数値を入力すると、画像が歪んで元々の比率を失ってしまう可能性が高いです。また、もうちょっと足りないところはテキストや矢印の注釈を追加できないことです。
方法２の利点はgoogle map埋め込みカスタマイズを出来る上、ウェブページ用のHTML以外のBBコードも提供されます(フォーラムはほとんどBBコードを使用しているので、HTMLコードなら不適用です)。編集機能が備えているのも嬉しいですね。欠点はサードパーティーのソフトを利用するため、方法１より手順がやや多いです。
アドバイス
というわけで、HTMLサイトにGoogleマップを埋めんで、マップに注釈などもしないなら、方法１がおすすめです。
マップに注釈をする必要があり、BBコードを使用しているフォーラムにGoogleマップを埋め込むなら、方法２がおすすめです。
コメントを書く