8 月 23
以前の記事で、WordPressから簡単にGoogleMapsを貼り付けるプラグインを紹介しました。
● GoogleMapsを簡単に貼り付け - favLife
今回はGoogleマップ自体に機能が追加され、今まではメールなどに貼り付けるだけのリンク表示だけでしたが、これにHTMLを貼り付けてブログやホームページに埋め込めるようになりました。
● Google マップ
Googleマップで検索した地図などをそのまま表示したい場合にはGoogleマップのページ右側にある「このページのリンク」をクリックすると表示される「HTMLを貼り付けてサイトに地図を埋め込みます」の中のコードを貼り付ければ自分のサイトで地図が表示できます。

また「埋め込み地図のカスタマイズとプレビュー」を選ぶとプレビューを見ながら調整ができます。
サンプルをそのまま検索して貼り付けてみました。ルートまで表示されるので散歩したコースなども載せて貼り付けるのも便利ですね。最寄り駅からのルート表示なんかも便利そう。
拡大地図を表示
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
お散歩カテゴリーを作りたいと思い、やはりそれには地図も貼り付けたいなと思い、いろいろ探していたらかなりシンプルに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をクリックします。

マークが地図上の真ん中に表示されるので、そこに目的地を合わせるように地図を移動したり拡大させたりし表示にちょうど良いように合わせます。
その時に表示される地図の上のsimplegmaps tag:というところに表示されているタグをコードエディタに貼り付けることで地図が完了です。また(comment)のところはリンクを付けたり文字を入れたり画像を入れたりHTMLを入れ込めるのでいろいろできそうです。
地図を埋め込むのに、かかる時間は、目的地を探すだけであとは、コピー&ペーストで完了です。
ここはコメント
WordPress ME 2.2.1でも問題無く表示できています。
written by ARCH
. タグ: GoogleMaps, ブログ, 参考
[55 Views]
7 月 05
このブログを初めて最初のtrack wordのキーワードは何が来るのかワクワクしていました。そしてやっと初めてのキーワードが付きました。
「10円饅頭 厚木」
2日前に最後にちらっと書いたキーワードでした。
ということで、まだ実際に並んで買っては無いのですが、場所は下記になります。本厚木駅から一番街に入ってすぐ左手にあります。すごく小さい店ですが、人が並んでるのですぐ分かるかもしれません。
《追記》
行って買ってきました10円饅頭。お店の名前は「小饅寿本舗」で1個10円+消費税。30個買ってみましたが10個でおなかいっぱいに(笑)
しかし、もちもちしてておいしかったです。
本厚木駅前店の営業時間は、9:00~20:00
このプラグインすばらしい~。この紹介はまた次の機会に。
written by ARCH
. タグ: GoogleMaps, お散歩, ネットサービス, 店
[45 Views]
最近のコメント