InfoWindow沒有顯示

Question

你好，我正試圖將谷歌地圖與Knockout腳本綁定。 幾乎所有的工作，但我不能強迫infowindows出現在事件。 沒有敲出我的代碼的作品，但它沒有。 下面我的js代碼：

var infowindow; 
function point(name, lat, long) { 
    this.name = name; 
    this.lat = ko.observable(lat); 
    this.long = ko.observable(long); 
    var marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(lat, long), 
     title: name, 
     map: map, 
     draggable: true 
    }); 
//if you need the poition while dragging 
google.maps.event.addListener(marker, 'drag', function() { 
    var pos = marker.getPosition(); 
    this.lat(pos.lat()); 
    this.long(pos.lng()); 
}.bind(this)); 

//if you just need to update it when the user is done dragging 
google.maps.event.addListener(marker, 'dragend', function() { 
    var pos = marker.getPosition(); 
    this.lat(pos.lat()); 
    this.long(pos.lng()); 
}.bind(this)); 
google.maps.event.addListener(marker, 'mouseover', function() { 
    infowindow = new google.maps.InfoWindow({ content: "empty" }); 
    console.log("mouseover"); 
    infowindow.setContent(this.title); 
    infowindow.open(map, this); 

}.bind(this)); 


} 

var map = new google.maps.Map(document.getElementById('googleMap'), { 
    zoom: 5, 
    center: new google.maps.LatLng(55, 11), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 

var viewModel = { 
    points: ko.observableArray([ 
     new point('Test1', 55, 11), 
     new point('Test2', 56, 12), 
     new point('Test3', 57, 13)]) 

}; 
function addPoint() { 
    viewModel.points.push(new point('a', 58, 14)); 
} 
ko.applyBindings(viewModel); 

現在我的問題：

是簡單的方法，使它的工作原理。如果是的話，任何人都可以建議我在哪裏尋找它？

Answer 1

可能是您使用this。

添加var self = this;作爲點函數內的第一行&使用self來引用點內的屬性。

在鼠標懸停事件中，這是否引用標記，地圖或視圖模型？如果拖動事件正確設置了值，那麼這就是點視圖模型，在這種情況下，在您稱爲this.title的鼠標懸停事件中。沒有標題...

function point(name, lat, long) { 
    var self = this; 
    self.name = name; 
    self.lat = ko.observable(lat); 
    self.long = ko.observable(long); 
    var marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(lat, long), 
     title: name, 
     map: map, 
     draggable: true 
    }); 
    //if you need the poition while dragging 
    google.maps.event.addListener(marker, 'drag', function() { 
     var pos = marker.getPosition(); 
     self.lat(pos.lat()); 
     self.long(pos.lng()); 
    }.bind(this)); 

    //if you just need to update it when the user is done dragging 
    google.maps.event.addListener(marker, 'dragend', function() { 
     var pos = marker.getPosition(); 
     self.lat(pos.lat()); 
     self.long(pos.lng()); 
    }.bind(this)); 
    google.maps.event.addListener(marker, 'mouseover', function() { 
     infowindow = new google.maps.InfoWindow({ content: "empty" }); 
     console.log("mouseover"); 
     infowindow.setContent(marker.title); 
     infowindow.open(map, this); 
    }.bind(this)); 
} 

Answer 2

我從來沒有使用過淘汰賽自己，但與地圖整合它看起來並不簡單，這裏有一些閱讀材料：http://www.codeproject.com/Articles/351298/KnockoutJS-and-Google-Maps-binding http://www.codeproject.com/Articles/387626/BikeInCity-2-KnockoutJS-JQuery-Google-Maps Google maps and knockoutjs

您提供的地圖代碼看起來是正確的，所以我認爲問題在於淘汰賽整合。