google-maps - Google map 中的 KML 气球高度样式

Question

我正在尝试限制以下 KML 中的描述气球高度以与 Google map 一起使用。在 Google 地球中，这是通过使用 div 包装器的样式元素来实现的，因此以下 KML 可以正常工作。但是，当通过 Google map 引用时，高度属性会被删除，从而在单击制造商时会出现一个大气球。

<?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 map 中的外观

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

Answer 1

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

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