Googleマップが簡単に設置可能に

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を生成してみようかと思ってたのになぁ。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください