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

グーグルマップを画像として表示する…携帯でも表示できる…覚書
地図のコードは http://gmaps-samples.googlecode.com/svn/trunk/simplewizard/makestaticmap.html で作成。
imgタグで

<img src="http://maps.google.com/maps/api/staticmap?center=34.774494,135.475991&zoom=13&markers=34.774494,135.475991&size=300x300&sensor=false" alt="" width="300" height="300" />

のように書く。APIキーが要らなくなったので手軽に使えるようになった。

グーグルマップの表示は「住所からGoogleマップに変換するショートコード」が、こちらもAPIキーが不要で便利だが *カスタムフィールドを利用してショートコードをテーマに埋めれば住所の入力だけで表示できるようになる。下記はMagic Fields を使用し、経度緯度を優先とした場合。

<?php if (get('latitude') && get('longitude')): ?><?php echo do_shortcode('[addr2gmap lat="' .get('latitude'). '" lng="' .get('longitude'). '" height="305px" width="670px" zoom=15]'); ?><?php elseif (get('address')): ?><?php echo do_shortcode('[addr2gmap addr="' .get('address'). '" height="305px" width="670px" zoom=15]'); ?><?php endif; ?>

地図からグーグルへのリンクが必要な場合はGoogle Map Shortcode を使用。*後で住所・緯度経度を変更したい場合はカスタムフィールドを直接編集しないと変更できなかった。

2011.07.03 投稿 2015.04.05 更新

新しい情報を追記している場合はありますが、古い情報の修正はしていません。投稿日・文中の日付を参照してください。

Recent Articles