0

私は最近、ノックアウト js の学習を始めました。これは、Google マップを備えた Web アプリケーションである 1 つの独立したプロジェクトに適していると思います。

KO で Google マップ マーカーと観測可能な配列を接続する方法を探しているときに、Ryan の jsfiddle (http://jsfiddle.net/rniemeyer/FcSmA/) に出くわしました。

私はそれを別のもの (http://jsfiddle.net/gizzat/ADexG/) にフォークしました。ここで、tr タグを「リッスン」し (表の行は 1 つのメーカーに対応します)、マーカー情報を更新します (ホバリング時にマーカーの色を変更します)。表の行に）。

しかし、私は反対方向の方法を見つけることができません:マーカーイベントをリッスンするときにhtml(テーブル行)に影響を与えます(29行目で説明されているマーカーにカーソルを合わせたときにテーブル行を強調表示しようとしています)。

アドバイス/解決策があれば幸いです。

4

1 に答える 1

0

私が考えることができるのは、Googleマップのマウスオーバーイベントにリスナーを追加することだけです

google.maps.event.addListener(marker, "mouseover", function() {
            var rowId= this.rowId;
            $("#"+rowId).addClass("<ROWHIGHLIGHTCLASS>");
});

マーカー オブジェクトの詳細については、こちら

Gizzat のコメントからの編集 マーカーを作成するときに、データをカスタマイズできます。たとえば、

var markerA = new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(0, 0),
    rowId: "row1"
});
于 2013-01-10T05:19:34.543 に答える