【问题标题】:KML balloon height style in Google MapsGoogle 地图中的 KML 气球高度样式
【发布时间】:2011-04-26 14:40:23
【问题描述】:

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

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

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

【问题讨论】:

    标签: google-maps coding-style kml cdata google-earth


    【解决方案1】:

    只需像这样将高度换成最大高度:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-11-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-02-27
      • 1970-01-01
      相关资源
      最近更新 更多