如何将Google Code嵌入Google Earth Balloons

时间:2013-01-04 17:33:24

标签: kml google-earth google-code

我正在尝试将Google代码,特别是动态图表时间格式嵌入到Google地球气球中:https://code.google.com/apis/ajax/playground/?type=visualization#motion_chart_time_formats

有什么想法吗?我将代码复制粘贴到地标描述窗口并且未加载。

Manuel“Manny”Fiol

1 个答案:

答案 0 :(得分:2)

您必须在说明中的CDATA块中嵌入HTML,然后才能运行。

注意:您还应该使用简短描述将代码段元素添加到KML中,以便在地方面板中不呈现完整的HTML。

工作示例如下所示:

<?xml version="1.0" encoding="UTF-8"?>
<kml>
 <Placemark>
  <snippet>Click to see embedded chart</snippet>

  <description>
<![CDATA[
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Google Visualization API Sample</title>
  <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <script type="text/javascript">
    google.load('visualization', '1', {packages: ['motionchart']});

    function drawVisualization() {

      var time = [['2000W01', '2000W02'],
                  ['2002Q3', '2002Q4'],
                  [1990, 1991],
                  [(new Date(2000, 0, 1)), (new Date(2000, 0, 2))]];

    // ... rest of HTML/javascript truncated
    // full HTML found here:
    // https://code.google.com/apis/ajax/playground/?type=visualization#motion_chart_time_formats

    <div id="visualization" style="width: 800px; height: 400px;"></div>
  </body>
</html>
]]>
    </description>

    <Point>
            <coordinates>-122.087461,37.422069</coordinates>
    </Point>
  </Placemark>
</kml>

可以在此处找到有关KML中描述元素的详细信息,包括限制。 https://developers.google.com/kml/documentation/kmlreference#description