Google マップまわり

2010年12月 9日

最近、Google マップをがちゃがちゃする機会が続いたので。

  • APIのバージョンが3になっていた。バージョン 2は廃止。
  • バージョン 3からはkey不要。
  • <iframe>で埋め込んだ場合、ある条件が重なるとIE7～8で印刷できない。
  • マップ上に線や図形を描写可能。
  • ある地点Aから、ある地点Bへの交通ルートを描写可能。ただし、電車の交通ルートは取得できない。

<iframe>で埋め込んだ場合、ある条件が重なるとIE7～8で印刷できない

以下の1～3の条件がそろっていると、IE7～8で印刷時にGoogleマップが表示されなくなる。

  1. DOCTYPEが <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    ※他のDOCTYPEでも起こるかも知れないが未調査。「互換モード」が条件な気もする。

  2. 印刷時、そのページの中で地図より前に見出しや文章など他の要素がある。改ページして、地図が先頭だと問題なし。
  3. Google マップを埋め込むのに <iframe> を使っている。

CSSをオフにしても同じ現象が起こるので、CSSでどうこうできるものではないっぽい。

マップ上に線や図形を描写

Google Maps JavaScript API V3 オーバーレイ - Google Maps JavaScript API V3 - Google Codeに書かれている、ポリラインとポリゴンを使う。

ある地点Aから、ある地点Bへの交通ルートを描写可能

Google Maps JavaScript API V3 サービス - Google Maps JavaScript API V3 - Google Code

ルートを計算する際、使用する交通手段を指定する必要があります。現時点でサポートされている交通手段は次のとおりです:

  • DirectionsTravelMode.DRIVING は道路網を使用した標準の運転ルートを示します。
  • DirectionsTravelMode.WALKING は歩行者専用道路と歩道（使用できる場合）を使用した徒歩ルートをリクエストします。
  • New!DirectionsTravelMode.BICYLING は自転車パスと優先道路を使用する自転車ルートをリクエストします（現在は米国でのみ利用できます）。

日本で使えるのは、DRIVING (道路)、WALKING (歩道) のみの模様。電車ルートがサポートされてない。

Category

Archives