【问题标题】:Highlight/mouseover broken with Polygons in KMZ file Google Maps v3KMZ 文件 Google Maps v3 中的多边形突出显示/鼠标悬停
【发布时间】:2011-07-20 19:02:57
【问题描述】:

我正在尝试使用 Google Maps v3 使突出显示/悬停/鼠标悬停样式适用于 KMZ 地标。当我使用 Google 地球打开 KMZ 文件时,悬停时的相应区域将按预期更改为 highlightPlacemark 样式。但是当我将此 KMZ 加载到 Google Map 对象上时,样式永远不会改变。

样式如下所示:

<Style id="highlightPlacemark">
    <LineStyle>
        <color>ff000000</color>
    </LineStyle>
    <PolyStyle>
        <color>a60000ff</color>
    </PolyStyle>
</Style>
<StyleMap id="exampleStyleMap">
    <Pair>
        <key>normal</key>
        <styleUrl>#normalPlacemark</styleUrl>
    </Pair>
    <Pair>
        <key>highlight</key>
        <styleUrl>#highlightPlacemark</styleUrl>
    </Pair>
</StyleMap>
<Style id="normalPlacemark">
    <LineStyle>
        <color>ff000000</color>
    </LineStyle>
    <PolyStyle>
        <color>a6ffffff</color>
    </PolyStyle>
</Style>

地标如下所示:

<Placemark id="1">
    <name>Test</name>
    <Snippet maxLines="0"></Snippet>
    <styleUrl>#exampleStyleMap</styleUrl>
    <Polygon>
        <extrude>1</extrude>
        <tessellate>1</tessellate>
        <outerBoundaryIs>
            <LinearRing>
                <coordinates>
                    ...lots of coordinates here...
                </coordinates>
            </LinearRing>
        </outerBoundaryIs>
    </Polygon>
</Placemark>

此功能是否仅适用于 Google 地球,或者是否有解决方法使其适用于 Google 地图 v3? 我能想到的唯一方法是创建单独的 Polygon 对象,并分别为它们提供坐标。这允许您使用 Polygon 类的 mouseover 事件。不过,我宁愿将所有多边形放在一个文件中...

提前致谢!

【问题讨论】:

    标签: coding-style google-maps-api-3 hover polygon kml


    【解决方案1】:

    我意识到这是一个非常古老的问题,但认为它可能会对某人有所帮助。并非所有 KML 标签都在 Google 地图中受支持。 (Google 地球支持大多数(如果不是全部)。)例如:

    <StyleMap></StyleMap>
    

    在 Google 地图中受支持,但在地球中可以使用。所以这就是它不起作用的原因。

    我目前也在为 Google 地图中的 KML 多边形悬停状态寻找解决方案。 (没有额外的 javascript 或混乱的重复解决方法。)但这不是首要任务,所以如果我很快找不到解决方案,我现在就不用这个功能。

    【讨论】:

      【解决方案2】:

      此问题已在 Google Maps API 问题跟踪器上报告为 #131,见 here。 除了“WontFix”之外,该问题已关闭,没有评论/原因。

      KmlLayers 被渲染为瓦片,所以我猜这使得使用鼠标悬停事件变得更加困难。

      【讨论】:

        猜你喜欢
        • 2018-10-23
        • 2012-05-31
        • 1970-01-01
        • 1970-01-01
        • 2011-07-22
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-05-11
        相关资源
        最近更新 更多