Question

我正在尝试限制以下KML中的描述气球高度，以便与Google地图一起使用。在Google地球中，这可以通过使用div包装器的样式元素来实现，因此以下KML可以正常工作。但是，当通过谷歌地图引用时，高度属性被剥离，导致在点击制作者时出现大气球。

<?xml version="1.0" encoding="utf-8"?> <kml xmlns="http://www.opengis.net/kml/2.2"> <Placemark>
    <name>Test Mark</name>
    <description>
       <![CDATA[
        <div style="height:150px;overflow:auto">
          <table>
            <tr><td>Row 1</td><td>some data</td></tr>
            <tr><td>Row 2</td><td>some data</td></tr>
            <tr><td>Row 3</td><td>some data</td></tr>
            <tr><td>Row 4</td><td>some data</td></tr>
            <tr><td>Row 5</td><td>some data</td></tr>
            <tr><td>Row 6</td><td>some data</td></tr>
            <tr><td>Row 7</td><td>some data</td></tr>
            <tr><td>Row 8</td><td>some data</td></tr>
            <tr><td>Row 9</td><td>some data</td></tr>
            <tr><td>Row 10</td><td>some data</td></tr>
            <tr><td>Row 11</td><td>some data</td></tr>
            <tr><td>Row 12</td><td>some data</td></tr>
            <tr><td>Row 13</td><td>some data</td></tr>
            <tr><td>Row 14</td><td>some data</td></tr>
            <tr><td>Row 15</td><td>some data</td></tr>
            <tr><td>Row 16</td><td>some data</td></tr>
            <tr><td>Row 17</td><td>some data</td></tr>
            <tr><td>Row 18</td><td>some data</td></tr>
            <tr><td>Row 19</td><td>some data</td></tr>
            <tr><td>Row 20</td><td>some data</td></tr>
            <tr><td>Row 21</td><td>some data</td></tr>
            <tr><td>Row 22</td><td>some data</td></tr>
            <tr><td>Row 23</td><td>some data</td></tr>
          </table>
        </div>
      ]]>
    </description>
    <Point>
    <coordinates>1,23</coordinates>
    </Point>   </Placemark> </kml>

Here是KML在Google地图中的显示方式

在我的项目中，我在气球描述中创建的表格可能很长，所以我需要使气球内容可滚动。

Answer 1

只需将高度换成最大高度，如下所示：

<div style="max-height: 150px; overflow: auto">

Google地图中的KML气球高度样式

1 个答案: