javascript - infoWindow/marker からの jQuery ui マップ インタラクション

Question

データベース内のすべての家を一覧表示する jQuery/Google マップを準備しています。すべて正常に動作します。ここで、マーカー infoWindow のコンテンツに
を追加しました。これは、マウスオーバーで、ページのサイドバーにある家の情報の背景色の変更をトリガーし、すべての家がリストされています..DIVStyle

gmap はコンテンツを取得します<li data-gmapping='{"id":"30","latlng":{"lat": 40.161833,"lng":-7.943697},"tags":"drupal","desc":"mycontent"}'>

「desc」内に挿入しました：

<div onmouseover=\"highlight_id('.$ranking.')\" onmouseout=\"highlight_id_x('.$ranking.')\">'.$name.'<br />More info soon!</div>

かっこをエスケープすること\"がDIVできたので、必要なスタイルを変更できました。infoWindow 内にコンテンツを配置するより良い方法はありますか?

マップの jQuery コード:

$(function() { 
                $('#map_canvas').gmap({'disableDefaultUI':true, 'callback': function() {
                    var self = this;
                    $("[data-gmapping]").each(function(i,el) {
                        var data = $(el).data('gmapping');
                        self.addMarker({'id': data.id, 'tags':data.tags, 'position': new google.maps.LatLng(data.latlng.lat, data.latlng.lng), 'bounds':true }, function(map,marker) {
                            $(el).click(function() {
                                $(marker).triggerEvent('click');
                            });
                        }).click(function() {
                            self.openInfoWindow({ 'content': data.desc }, this);
                        });
                    });                     
                }});
            }).load();

質問：

• マーカーホバーで同じことを行うには? onmouseover JavaScript 関数を追加するにはどうすればよいですか?