GoogleMaps | favLife

8 月 23

Googleマップ貼付機能

ブログ 8 Comments »

(0)

(0)

(0)

(0) Total: 0

以前の記事で、WordPressから簡単にGoogleMapsを貼り付けるプラグインを紹介しました。
● GoogleMapsを簡単に貼り付け - favLife

今回はGoogleマップ自体に機能が追加され、今まではメールなどに貼り付けるだけのリンク表示だけでしたが、これにHTMLを貼り付けてブログやホームページに埋め込めるようになりました。
● Google マップ

Googleマップで検索した地図などをそのまま表示したい場合にはGoogleマップのページ右側にある「このページのリンク」をクリックすると表示される「HTMLを貼り付けてサイトに地図を埋め込みます」の中のコードを貼り付ければ自分のサイトで地図が表示できます。

Googleマップ

また「埋め込み地図のカスタマイズとプレビュー」を選ぶとプレビューを見ながら調整ができます。

サンプルをそのまま検索して貼り付けてみました。ルートまで表示されるので散歩したコースなども載せて貼り付けるのも便利ですね。最寄り駅からのルート表示なんかも便利そう。

拡大地図を表示

WordPressのGoogle Maps貼付プラグインWP-SimpleGmapsでは、Google Maps API keyが必要でしたが、こちらはAPI Keyも必要なく使えるので便利です。このブログではおそらくそのときに応じて切り替えて使ってみたいと思います。ただ新しいGoogleマップの貼り付けはWordPressのビジュアルエディタで表示すると、真っ白になるので、公開する直前に貼り付ける必要がありそうです。

ドコモのFOMA903i以降からモバイルGoogleマップが使えるということで、ちょっとムッとしましたが、ぜひ他のキャリア対応版も出して欲しいところです。
● モバイルでGoogle マップ
データ通信料も一目で分かると言うのが嬉しいところです。

written by ARCH . タグ: Google, GoogleMaps, ネットサービス

[113 Views]

7 月 07

GoogleMapsを簡単に貼り付け

ブログ No Comments »

(0)

(1)

(0)

(0) Total: 1

お散歩カテゴリーを作りたいと思い、やはりそれには地図も貼り付けたいなと思い、いろいろ探していたらかなりシンプルにWordPressに貼り付けられるプラグインを発見。

投稿内容（ビジュアルエディタでは無く、コードエディタ）に貼り付けるだけという手軽さ。しかも記事投稿のページにGoogleMapsが表示できるので、これにはビックリ。

●AOINA.COM » [WP:Plugin]　簡単にGoogleMapsを利用できるプラグインWP-SimpleGmaps

まず最初に、下記リンク（Google Maps APIサイト）からSign up for a Google Maps API keyの所をクリックし、次のページで使用するURLを入力してチェックを入れ、Generate API KeyボタンをクリックするとAPI Keyを取得できます。
●Google Maps API

得たAPI KeyをWordPressで使うために入力する必要があるので、まずWP-SimpleGmapsプラグインをダウンロード後、pluginフォルダに入れた後、このプラグインを有効にし、各種設定からSimpleGmapsをクリックするとGoogle Maps API Keyを入力する画面が表示されるので、そこで入力し保存します。ここで一度保存しておくと再度API Keyを入力する必要はありません。

その状態で投稿画面を見ると一番下にGoogle Maps - Insert content from Google Mapsと表示されるので、そこで投稿記事に地図を表示したい場合は、Insert content from Google Mapsをクリックします。

WP-SimpleGmaps

マークが地図上の真ん中に表示されるので、そこに目的地を合わせるように地図を移動したり拡大させたりし表示にちょうど良いように合わせます。

その時に表示される地図の上のsimplegmaps tag:というところに表示されているタグをコードエディタに貼り付けることで地図が完了です。また（comment）のところはリンクを付けたり文字を入れたり画像を入れたりHTMLを入れ込めるのでいろいろできそうです。
地図を埋め込むのに、かかる時間は、目的地を探すだけであとは、コピー＆ペーストで完了です。