Google 地球插件：FF 以外的浏览器在使用 .getBalloonHTML() 将地标内容转储到 DIV 时显示 HTML 标记

Question

我正在尝试将 Google 地球地标内容转储到插件外部的 div 中，它在 FireFox 中按预期工作，但在 Chrome、Safari 或 IE 中却没有。后3个显示：

<!--Content-type: mhtml-die-die-die-->

在地标内容的开头，HTML 标记与其他内容一起显示。 FF 将内容解析为实际的 HTML，因此它按预期格式正确显示。

有人知道如何让其他浏览器将内容解析为 HTML，而不是他们现在正在做的任何事情吗？

以下是我的GE插件代码：

currentKmlObject = kmlObject;
ge.getFeatures().appendChild(currentKmlObject);
google.earth.addEventListener(kmlObject, 'click', function(event) {
    event.preventDefault(); 
    var placemark = event.getTarget();
    var content = placemark.getBalloonHtml();
    document.getElementById('balloonContents').innerHTML = content;
    document.getElementById('balloonContents').innerText = content;

我正在使用 fetchKml 从另一个 URL 加载 KML 数据，设置如下：

<?xml version="1.0" encoding="utf-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2">
    <Document>
        <Placemark>
            <name></name>
            <description>
                <![CDATA[   HTML CONTENTS ]]>
            </description>
            <Point>
                <coordinates></coordinates>
            </Point>
         </Placemark>
    </Document></kml>

非常感谢。

Answer 1

我想通了。它与 Google 地球或 KML 无关。出于某种原因，我不小心将地标内容分配给了 innerText。我只需要将它分配给 innerHTML。