Googleマップの内容がBlogに簡単に張り付けられるようになった。
Googleマップを表示すると右上に、「このページへのリンク」というリンクがある。
こいつをクリックすると、「このリンクをメールに貼り付けて地図を共有できます」という欄以外にも、「HTMLを張り付けてサイトに地図を埋め込みます」という欄が追加された。
こいつをコピーして、Blogに張り付ければ、そこに地図が表示される。
こんな感じ。リンクの色が気に入らんが、そんなものは変更すればいいか。
残念ながら、Windows Live Writerではうまく動かない。
このHTMLをHTMLコード表示で貼り付けて、Webレイアウト表示に切り替えると、Widows Live Writerが落ちてしまう。
さて、せっかくなので、このHTMLを読んでみた。
<iframe width=”450″ height=”300″ frameborder=”no” scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://maps.google.co.jp/?ie=UTF8&om=1
&s=AARTsJqzARj-Z8VnW5pkPMLMmZbqrJcYpw
&ll=37.35856,-122.229767&spn=0.040934,0.077248
&z=13&output=embed”></iframe><br/>
<a href=”http://maps.google.co.jp/?ie=UTF8&om=1
&ll=37.35856,-122.229767&spn=0.040934,0.077248
&z=13&source=embed” style=”color:#0000FF;text-align:left;font-size:small”>拡大地図を表示</a>
キーとなるのは、このiframeの中のsrcの部分。
http://maps.google.co.jp/?ie=UTF8&om=1
&s=AARTsJqzARj-Z8VnW5pkPMLMmZbqrJcYpw
&ll=37.35856,-122.229767&spn=0.040934,0.077248
&z=13&output=embed
よくわからんので、じゃんじゃん短くしていく。
あり？短くすると、動かんぞ。結局省略しても平気だったのは、om=とspn=だけ。それ以外は省略すると、
Forbidden
Your client does not have permission to get URL
と怒られてしまうか、地図が埋め込まれず、Googleマップのページがそのまま埋まるかしてしまう。
う～ん。s=の部分がチェックサムみたいになっているのかなぁ。
んじゃ、うちのサイトがやっているように、kmlの重畳表示をした状態でのリンクはどうでしょう。
<iframe width=”450″ height=”300″ frameborder=”no” scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://maps.google.co.jp/maps?f=q&hl=ja
&geocode=&time=&date=&ttype=&
q=http:%2F%2Fwww.cagylogic.com%2F
googlemaps%2Fhike%2F20070715.kml
&ie=UTF8&om=1&ll=37.361766,-122.23244
&spn=0.027709,0.029831&output=embed
&s=AARTsJoUexFuC0aVQX_g5sEjjf03JwugSg”></iframe>
う～ん。こいつもちゃんと表示されるんだけど、やっぱりどれか一つでも要素を減らすと、Forbiddenで怒られてしまう。
Windows Live WriterのプラグインでURLを生成してみようかと思ってたのになぁ。