Bing地图和knockout.js

Question

我正在尝试在knockout.js foreach循环中显示必应地图。但是我得到了一个错误信息"TypeError: ft is null“。

但是，如果我不包含knockout.js，那么它工作得很好。

但是我需要在我的项目中使用knockout.js的foreach循环。

任何帮助都将不胜感激。

我的HTML文件：

<div class="container contact-body-contents" data-bind="foreach: addresses">
    <p class="text-bold-head"  data-bind="text: location"></p>
    <span data-bind="html: address"></span>
    <span data-bind="text: phone"></span>
    <div id='myMap' style="position:relative; width:400px; height:400px;float: "right"> 
    </div>
</div>  

map.js

var map = null;         

function GetMap()
{
// Initialize the map
map = new Microsoft.Maps.Map(document.getElementById("myMap"),
             {credentials:"credentials"}); 

// Define the pushpin location
var loc = new Microsoft.Maps.Location(41.806358,-73.112144);

// Add a pin to the map
var pin = new Microsoft.Maps.Pushpin(loc); 
map.entities.push(pin);

// Center the map on the location
map.setView({center: loc, zoom: 15});
}

Answer 1

我也有同样的问题，现在已经解决了。

<div class="container contact-body-contents" data-bind="foreach: addresses">
    <p class="text-bold-head"  data-bind="text: location"></p>
    <span data-bind="html: address"></span>
    <span data-bind="text: phone"></span>
    <div id='myMap' style="position:relative;width:400px;height:400px;float: "right"> 
    </div>
</div>

将<div id="myMap"放在数据绑定元素之外。

<div class="container contact-body-contents" data-bind="foreach: addresses">
    <p class="text-bold-head"  data-bind="text: location"></p>
        <span data-bind="html: address"></span>
        <span data-bind="text: phone"></span>
</div>

<div id='myMap' style="position:relative;width:400px;height:400px;float: "right"> 
</div>