ページ

2011年7月9日土曜日

Google Map をブログに埋め込む

Google Map をブログに埋め込む

普通に埋めこむと目印がない

View Larger Map

埋め込んだコード
<iframe width="640" height="390" 
frameborder="0" scrolling="no" 
marginheight="0" marginwidth="0" 
src="http://maps.google.com/?ie=UTF8&amp;hq=&amp;ll=27.159364,141.394043&amp;spn=1.612832,3.120117&amp;z=9&amp;output=embed">
</iframe><br /><small><a
href="http://maps.google.com/?ie=UTF8&amp;hq=&amp;hnear=Japan,+Kanagawa-ken+Yokohama-shi&amp;ll=27.159364,141.394043&amp;spn=1.612832,3.120117&amp;z=9&amp;source=embed" 
style="color:#0000FF;text-align:left">View Larger Map</a></small>


こまる

Mapにピンを立てて目印にしたい




指定した緯度経度にピンを立てる
指定する緯度経度27.159364,141.394043


大きな地図で見る


埋め込んだコード
<iframe width="640" height="390" frameborder="0" 
scrolling="no" marginheight="0" marginwidth="0" 
 src="http://maps.google.co.jp/maps?q=27.159364,141.394043+(ここです)&amp;hl=ja&amp;z=9&amp;output=embed">
</iframe><br /><small><a href="http://maps.google.co.jp/maps?q=27.159364,141.394043+(ここです)&amp;hl=ja&amp;z=9" 
target="_blank" style="color:#ff8800;text-align:left"
>大きな地図で見る</a></small><br>

http://maps.google.co.jp/maps?q=27.159364,141.394043+(ここです)&hl=ja&z=9

この緯度経度27.159364,141.394043 と、吹き出しの中の文 (ここです) を書き換えれば良い
倍率指定はz=9。

指定する緯度経度35.440566, 139.654716

大きな地図で見る

埋め込んだコード
<iframe width="640" height="390" frameborder="0" 
scrolling="no" marginheight="0" marginwidth="0" 
src="http://maps.google.co.jp/maps?q=35.440566, 139.654716+(ここです)&hl=ja&spn=1.612832,3.120117&z=17&output=embed">
</iframe><br /><small><a 
href="http://maps.google.co.jp/maps?q35.440566, 139.654716+(ここです)&hl=ja&spn=1.612832,3.120117&z=17" t
arget="_blank" style="color:#ff8800;text-align:left">大きな地図で見る
</a></small>

http://maps.google.co.jp/maps?q35.440566, 139.654716+(ここです)&hl=ja&spn=1.612832,3.120117&z=17
緯度経度は35.440566, 139.654716、倍率指定はz=17



緯度経度を調べる
Geocoding - 住所から緯度経度を検索
http://www.geocoding.jp/
住所を入力すると緯度経度を表示してくれるサービス

0 件のコメント:

コメントを投稿