モンスターカレンダー

« 2011年8月 
12345678910111213141516171819202122232425262728293031

MovableType エントリーに地図表示(GoogleMaps)するプラグイン

| MovableType
このエントリーをはてなブックマークに追加

ブログ記事に地図を表示したい時ってありますよね。
そんな時にとても便利なプラグイン、Mapperを導入してみました。



◆プラグインの入手

まずGoogle Codeからプラグインをダウンロードします。
記事時点では、バージョン0.12が公開されています。
ダウンロードしたMapper.zipを解凍、フォルダごとMovableTypeのpluginsディレクトリにアップロードします。


◆Google Maps API keyの設定

Google Maps API keyを取得していない場合は、ますkey発行手続きを行います。
http://code.google.com/intl/ja-JP/apis/maps/signup.htmlにアクセス。

ページ下部に自サイトのURLを入力して、APIキー生成ボタンをクリック。


下図のような感じでAPIキーが発行されます。


次にMapperプラグインにGoogle Maps API keyを設定します。
MovableTypeツール>プラグイン>Mapper>設定。


発行されたGoogle Maps API keyを貼りつけて変更を保存。
これで設定完了です。


◆地図を表示させてみる

MTEntriesコンテナの囲むように、テンプレートにMTMapperコンテナを挿入します。
当ブログでは


<body>
<MTMapper method="Google" width="480px" height="360px">
~省略~
<div class="adr">[map:住所]</div> または <p>[map:住所]</p>
~省略~
</body>
</MTMapper>

といった感じで使用しています。
住所の指定は日本語表記の他、座標表記も使用できるようです。


MTMapperコンテナにはオプションで、

・method デフォルトはGoogle
・width デフォルトは400px
・height デフォルトは300px
・zoom デフォルトは15
・maptype デフォルトはG_NORMAL_MAP

を指定する事が可能です。


お手軽に地図を表示するには、とても便利なプラグインだと思います。
お店や会社をブログで紹介する時などの地図表示にいかがでしょうか^^



この記事がお役に立てましたら応援をお願いします^^
このエントリーをはてなブックマークに追加

関連記事

  1. MovableType 英文スパムコメント対策
  2. MovableType トラックバックURL先を保存しておくには
  3. MovableType 記事投稿をメールで通知する
  4. MovableType ファイルを一括アップロードするプラグイン
  5. MovableType ページを分割するプラグイン
  6. MovableType パンくずリスト生成プラグイン
  7. MovableType ブックマーク用ブログパーツAddClips
  8. MovableType メールフォームプラグイン
  9. MovableType 色選択ボタンを追加するプラグイン
  10. MovableType 記事をTwitterにポストするプラグイン
  11. MovableType 関連記事を表示するプラグイン
  12. MovableType ブログパーツあわせて読みたい
  13. MovableType サイドバーリンク集作成
  14. MovableType Analytics挿入
  15. MovableType Adsense挿入

コメントする






MT42BlogBetaInner

ブログ管理人:Tama


管理人のTamaです

メールフォーム
メールフォーム

おきてがみ


トップページーリンク

おすすめレンタルサーバー

★初期費用半額+最大2ケ月無料キャンペーン中!
おすすめレンタルサーバー! ミニバード

おすすめテンプレート

★MT・WP用SEOテンプレート!
クールでかっこいいMT&WordPressテーマ

ブログパーツ

MovableType(MT)テンプレート 無料(フリー)