如何从kml设置形状editabe

Question

我在我的地图 api 中加载一个 kml 文件，并且我在点击事件时使用此代码。

google.maps.event.addListener(ctaLayer, 'click', function (kmlEvent) {
    setSelection(kmlEvent.featureData.name);                            
    //alert(kmlEvent.featureData.name);
    //showInContentWindow(text);
});

这就是调用函数

function setSelection(shape) {
    clearSelection();
    selectedShape = shape;
    shape.setEditable(true);
}

不，我有 2 个问题，KML 文件给了我 2 个多边形，每个多边形都有不同的名称。 Tester 和 jahoor。但是当我点击jahoor 时，它总是给我多边形Tester。 为什么我不能选择彼此不同的？

第二个问题是，我无法再次将 kml 中的多边形设置为可编辑。 它给了我错误：Uncaught TypeError: Object Tester has no method 'setEditable'

有人知道我做错了什么吗？可以在堆栈或来自 google api 的文档中找到它

kml 文件片段：

<Placemark id="Tester">
    <styleUrl>#transYellowPolyActive</styleUrl>
    <name>Tester</name>
    <Polygon>
        <outerBoundaryIs>
            <LinearRing>
            <tessellate>0</tessellate>
            <coordinates>                                           6.30889892578125,53.28820543193896 6.29791259765625,53.28410053532493 6.233367919921875,53.21096737507053 6.5093994140625,53.19698389904798 6.50390625,53.27096221595853
            </coordinates>
            </LinearRing>
        </outerBoundaryIs>
    </Polygon>
</Placemark>
<Placemark id="jahoor">
    <styleUrl>#transYellowPolyActive</styleUrl>
        <name>jahoor</name>
            <Polygon>
            <outerBoundaryIs>
                <LinearRing>
                <tessellate>0</tessellate>
                <coordinates>                                           6.168479919433594,53.30318495818702 6.143760681152344,53.29579845109269 6.138267517089844,53.27281003615208 6.195259094238281,53.2707568976735 6.2010955810546875,53.29867113343524
                </coordinates>
                    </LinearRing>
            </outerBoundaryIs>
        </Polygon>
    </Placemark>

Answer 1

KmlLayer 中的多边形无法编辑，它们被渲染为图块，而不是原生多边形。如果您使用第三方 KML 解析器（如 geoxml3 或 geoxml-v3）将它们呈现为原生 Google Maps Javascript API v3 多边形，则可以使它们可编辑。但请注意，这将比基于图块的渲染效率低，尤其是对于复杂的多边形或大量多边形。

如果我修改您的 kml 以使其有效：

<kml>
<Document>
<Placemark id="Tester">
    <styleUrl>#transYellowPolyActive</styleUrl>
    <name>Tester</name>
    <Polygon>
        <outerBoundaryIs>
            <LinearRing>
            <tessellate>0</tessellate>
            <coordinates>                                           6.30889892578125,53.28820543193896 6.29791259765625,53.28410053532493 6.233367919921875,53.21096737507053 6.5093994140625,53.19698389904798 6.50390625,53.27096221595853
            </coordinates>
            </LinearRing>
        </outerBoundaryIs>
    </Polygon>
</Placemark>
<Placemark id="jahoor">
    <styleUrl>#transYellowPolyActive</styleUrl>
        <name>jahoor</name>
            <Polygon>
            <outerBoundaryIs>
                <LinearRing>
                <tessellate>0</tessellate>
                <coordinates>                                           6.168479919433594,53.30318495818702 6.143760681152344,53.29579845109269 6.138267517089844,53.27281003615208 6.195259094238281,53.2707568976735 6.2010955810546875,53.29867113343524
                </coordinates>
                    </LinearRing>
            </outerBoundaryIs>
        </Polygon>
    </Placemark>
</Document>
</kml>

并将其粘贴到this page

然后点击“parse KML to map”，它给了我两个可编辑的多边形。

或者直接点击this map上的“解析KML到地图”