bear blog

　Asablo上にGoogle Mapsを取り込む方法は、HTMLタグの<iframe>を用いると簡単である。
　Mapsの取り込みはどのようにすればよいのかと思いつつ、HTMLレファレンスを何となく眺めていたら、この<iframe>が見つかった。 すなわち「HTMLのページ内にインラインフレームを作り、他のWebページを表示することが出来る｣とある。
　自分のWebページ内に他人のWebページや自分の別のWebページを表示する必要が無かったので、この様なタグが存在することを知らなかったのである。 しかし、非常に簡単である。

<iframe src="取り込みたいURL">[frame未対応のプラウザのためのテキスト]</iframe>

で表示が出来る。また、"width","height","target","name","scrolling",etc.の属性が定義できる。これを用いて、 Google Maps onto Asabloが出来ている。ただし、このためには サーバー上に、表示したいGoogle Mapsを載せたページを準備する必要がある。ここでは「朝日ネット｣提供のWeb領域に それを準備した。

　ここに表示されるのは、マルセイユ市の南部の住宅地(Parc du Roy d'Espagne)の衛星写真で,ズームアップして行くと 塔のような建物が８～１０棟現れる。それぞれが１０ないし２０階建てのappartementである。このままで北の方角 （画面の上方向）にスクロールすると街の中心部が表示される。画面の下に「市内の有名地や近郊市街｣のリストがあるので、 ここをクリックすると、それぞれにジャンプする。もちろん通常のGoogle Mapsのように世界中の任意の場所を表示することも可能である。