ダイナミックスクロールJavaScriptとGoogleマップは

Question

誰もがこれを行うことができる方法についてのアイデア（のJavaScript + Googleマップ）を持つ：

あなたはマウスオーバーマップ、下の表は、自動的にビューを設定されている

http://aqarmap.com/eg/Cairo/en

選択された項目

ありがとうございます。

Answer 1

Google Maps API v3をご覧ください。 新しいAPIを使用すると、地図に追加した「オーバーレイ」と呼ばれるマーカーやその他のUIコンポーネントにイベントリスナーを追加できます。領域を追加するには、"Polygon"というオーバーレイを使用する必要があります。そして、 "家のオブジェクト"の場合はおそらく"Markers"を使うべきです。

あなたはgoogle.maps.event APIでイベントリスナーを追加します。

このような「DBLCLICK」、「のmouseup」、「マウスダウン」などに見えるようにあなたが聞くことができる他のイベントがありますが、

google.maps.event.addListener(overlay, 'click', function() { 
    // This is called when the overlay is clicked. 
}); 

ここにはいくつかの例のためにhttp://code.google.com/intl/da-DK/apis/maps/documentation/javascript/events.htmlがあります。

自動的にスクロールするテーブルについては、スクロールする必要がある要素のDOMプロパティ.scrollTopを使用できます。それ以前には答えられました：How to scroll to an element inside a div?