1

我的 mapsApp 使用 openLayers 弹出窗口作为地图上的标记。当我创建弹出窗口时，我使用链接和 CSS 微调器预填充它。然后我启动一个异步 URL 请求。

然后我想要做的是删除微调器，然后添加我从 URL 请求中收到的信息。我不知道如何引用弹出窗口的 html 部分（finalString）。

这是我的代码。

function showPopUp (markerID,itemID) {

// **Tested** this creates a spinner and works with CSS

wxString =   "<div class=\"spinner\" style=\"width: 34px; height: 34px\"><div class=\"bar1\"></div><div class=\"bar2\"></div><div class=\"bar3\"></div><div class=\"bar4\"></div><div class=\"bar5\"></div><div class=\"bar6\"></div><div class=\"bar7\"></div><div class=\"bar8\"></div><div class=\"bar9\"></div><div class=\"bar10\"></div><div class=\"bar11\"></div><div class=\"bar12\"></div></div>";
}

var markerString =   "<a title=\""+itemID+"\" href=\"http://www.mywebsite.com/item/"+itemID+"\" target=\"_blank\">"+itemID+"</a>";
var finalString = markerString + "</br>"+ wxString;

popup = new OpenLayers.Popup.FramedCloud(icaoID,
                     markerID.lonlat,
                     new OpenLayers.Size(200, 200),
                     finalString,
                     null, true);

map.addPopup(popup);
getWX(itemID,popup);        //asynch request that will remove the popup
}

我的 getWx 函数使用 XMLhttp 请求

function getWX (item) {

if (window.XMLHttpRequest) {    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
}
else {                          // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function() {

    if (xmlhttp.readyState==4 && xmlhttp.status==200) {     //If finished loading

        return xmlhttp.responseText; 
    }
}

xmlhttp.open("GET","getwx.php?q=" + item,true);
xmlhttp.send();

}
4

1 回答 1

1

我可以帮助您完成第一步 - 访问您的弹出对象。但是我还没有找到调用构造函数后如何更改文本的方法。

（编辑 Popup 对象有一个setContentHTML函数，该函数将由FramedCloud类继承。）

您正在getWX使用两个参数调用该函数，但您只接受一个。首先添加弹出对象，如下所示：

function getWX (item, popup)

然后当呼叫准备好（readyState == 4）时，更改弹出窗口文本：

if (xmlhttp.readyState==4 && xmlhttp.status==200) {     //If finished loading

    popup.setContentHTML(xmlhttp.responseText); 
}

如果您在创建弹出窗口之前等待文本，也许会更容易？

然后它会是这样的：

传入对地图对象的引用：

function getWX (item, map)

文本准备好后创建弹出窗口：

if (xmlhttp.readyState==4 && xmlhttp.status==200) {     //If finished loading
     popup = new OpenLayers.Popup.FramedCloud(icaoID,
                 markerID.lonlat,
                 new OpenLayers.Size(200, 200),
                 finalString,
                 null, true);

    map.addPopup(popup);
}
于 2012-08-23T17:03:58.680 回答