2013年7月20日土曜日

今週の地図:ポーツマス歴史フォトマップ

元記事:Map of the Week: Portsmouth History Photo Map (2013年7月18日)

今週の地図は ポーツマス歴史フォトマップ(Portsmouth History Photo Map)を紹介します。ポーツマス歴史フォトマップは古い地図と写真をGoogle Mapsと組み合わせた素晴らしい見せ方です。

1896年のポーツマスの地図がGoogle Map上に表示されるところから始まります。古い地図はGoogle Mapの上に ImageMapTypeを使って重ねられています。



メニューにある”Modern Map(モダンな地図)”をクリックすると、Google Mapの通常地図が表示されます。



特徴的なマーカー(例えば、チャールズ・ディケンズのマーカー)は標準の マーカー とカスタム アイコン を使って作られています。



標準の 情報ウィンドウの代わりに、開発者は カスタム・オーバーレイ を作成し、よりダイナミックな体験ができるように、ギャラリーの写真がオーバレイ内に表示されるようにしています。

最後に、地図に何を表示するかをコントロールするために、開発者はカスタムdivを地図上に作成し、onclickイベントを使って制御を指定ます。



全体的に私達のAPIを上手にカスタマイズして実装した素晴らしい例ですね。

投稿者:Mano Marks, Maps ディベロッパー・リレーションチーム

0 件のコメント:

コメントを投稿