Movable Type プラグインディレクトリ

Mapper

住所や緯度経度などの情報を自動的にGoogle Mapsなどの地図画像に変換してくれるプラグインです。

制作者: Hirotaka Ogawa / フリー
ダウンロードサイト: OgawaCode Wiki
http://code.as-is.net/wiki/Mapper_Plugin.ja_JP

インストール方法

  1. ダウンロードした「Mapper.zip」を解凍します。
  2. 解凍して生成された「Mapper.pl」ファイルを、Movable Typeの「plugins」ディレクトリにアップロードします。
  3. 各ブログのプラグインの設定画面からMapperプラグインの「設定を表示」をクリックします。
  4. Google Maps API Key※注意01を入力して「変更を保存」します。

使い方

  1. 変換対象としたい部分を<MTMapper>コンテナで囲みます。
  2. <MTEntries>
      <MTMapper>
        <$MTEntryTrackbackData$>
        <MTDateHeader><$MTEntryDate format="%x"$></MTDateHeader>
        <h2><$MTEntryTitle$></h2>
        <$MTEntryBody$>
        <MTEntryIfExtended>
          <$MTEntryMore$>
        </MTEntryIfExtended>
      </MTMapper>
    </MTEntries>

    <MTMapper>は以下のアトリビュートを付与することができます。

    method="Google|Alps"
    Google Mapsを使用するか、Alps Clip!を使用するかを選択します。デフォルトはGoogleです。
    width="N"
    地図画像の横幅を指定します。デフォルトは400pxです。
    height="N"
    地図画像の縦幅を指定します。デフォルトは400pxです。
    zoom="N"
    地図画像のズームレベルを指定します。0以上の整数を指定してください。デフォルトは4です。
    maptype
    ="G_MAP_TYPE|G_SATELLITE_TYPE|G_HYBRID_TYPE"
    描画する地図のタイプを指定します。デフォルトはG_MAP_TYPEです。
  3. <MTMapper>~</MTMapper>の中に以下いずれかの文字列があると地図画像に変換されます。
    • map形式
    • <p>[map:address]</p>
      <div>[map:address]</div>
    • microformat形式
    • <div class="adr">address</div>
      <p class="adr">address</p>

    単に[map:address]という文字列があるだけでは変換されません。必ず<p>か<div>で囲んである必要があります。
    エントリーの「改行設定」が「改行を変換する」になっている場合は、[map:address]の前後を空行にすれば自動的に<p>~</p>で囲まれ、地図画像への変換対象となります。

    33-1.gif

    Google Mapの表示画面

    addressには「東京都港区六本木6-10-1」のような「住所」表記のほか、「x139.729116y35.660391」「35.660391,139.729116」のような「座標」表記も記述できます。座標は「x経度y緯度」もしくは「緯度,経度」のようにペアで指定します。住所表記で正確な場所をポイントできない場合などには座標表記を使うとよいでしょう。

カスタマイズ情報

特になし

その他付加情報

特になし

利用規約

特になし


トラックバック

トラックバック URL
»エントリーにGoogle Mapsを埋め込む from 6畳キッチンより愛をこめて

カテゴリーの釣りとか、場所とかに今より簡単に地図を埋め込むことができないか?っと思ってプラグイン探したら簡単にみつかりました。


»google Map をブログに! from Webディレクターのライフハック

久々にゆっくり休めているので、MTをバージョンアップ(TBスパムから開放!)して...


»MTにgoogleマップ設置(涙) from なかのんブログ

旅行記にgoogleマップでいった場所を表示させようとしばらく試行錯誤していまし...


このページのトップへ