OpenLayers和KML支持

时间:2018-07-27 09:58:39

标签: openlayers kml

我想知道OpenLayers(例如说v5.3.1)是否能够显示KML文件的BalloonStyle信息(即文本,图像,附加的链接)。

以下是一个非常简单的KML文件的示例,例如我要使用的文件:

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
  <Document>
    <Style id="style0">
      <LineStyle>
        <color>ff000000</color>
        <width>1</width>
      </LineStyle>
      <BalloonStyle>
        <text>
            <![CDATA[
                <p>This is a fault<br /><br />
                <img style="height:100px;" src="http://www.ipgp.fr/~klinger/page_web/images/images_terrain/big_pushup_koko01.jpg"/></p>
            ]]>
        </text>
      </BalloonStyle>
    </Style>
    <Folder>
      <name>Calque 1</name>
      <Placemark>
        <styleUrl>#style0</styleUrl>
        <LineString>
          <coordinates>
            -61.6926474431735,16.2341653330369,0
            -61.6694171297468,16.2124434871456,0
            -61.673339087593,16.192531686805,0
            -61.6615730696896,16.1846876267478,0
            -61.6615730696896,16.1608538685609,0
            -61.6211463129778,16.1527082304885,0
            -61.6311019966009,16.1382269998943,0
          </coordinates>
        </LineString>
      </Placemark>
    </Folder>
  </Document>
</kml>

非常感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

OpenLayers网站可以处理多个示例,OpenLayers可以处理KML。

This one接近您想要的内容,它将日期覆盖在OSM地图上,并且在悬停功能时显示其他信息。

要显示带有信息的气球气泡,可以使用Overlay。当然,还有一个示例:Overlay Example

只需将两者结合即可,您便拥有带有弹出窗口的KML功能