在 OpenLayers 中定位和/或修改 KML 区域

Question

我已经使用谷歌地图构建了几个用于地图图表的 Javascript 应用程序，我希望在 OpenLayers 中重新创建这些应用程序。我发现他们网站上的文档非常混乱且难以浏览。 到目前为止，我可以使用以下代码加载 KML：

var map = new OpenLayers.Map({
            div: divName,
            layers: [
                new OpenLayers.Layer.OSM(),
                new OpenLayers.Layer.Vector("KML", {
                    strategies: [new OpenLayers.Strategy.Fixed()],
                    protocol: new OpenLayers.Protocol.HTTP({
                        url: "data.kml",
                        format: new OpenLayers.Format.KML({
                            extractStyles: true, 
                            extractAttributes: true,
                            maxDepth: 4
                        })
                    })
                })
            ],
            zoom: 4
        });
        map.setCenter(
            new OpenLayers.LonLat(-97, 38).transform(
                new OpenLayers.Projection("EPSG:4326"),
                map.getProjectionObject()
            ), 4
        );

我想要做的是能够修改或定位各个 KML 区域。例如，仅附加单击事件，或更改区域的背景颜色。
我环顾四周，似乎找不到一个好的例子。 如果有帮助的话，我也加载了 jQuery。 任何帮助将不胜感激。

Answer 1

您可以使用 OpenLayers.Control.SelectFeature 对象将事件添加到 OpenLayers 地图中

要更改对象的背景，类似这样的操作应该有效

var myVectorLayer = map.getLayersByName("KML")[0];

var highlightCtrl = new OpenLayers.Control.SelectFeature(myVectorLayer , {
                hover: true,
                highlightOnly: true,
                renderIntent: "temporary"                   
            });

  var selectCtrl = new OpenLayers.Control.SelectFeature(myVectorLayer ,
         {clickout: true}
   );

  map.addControl(highlightCtrl);
  map.addControl(selectCtrl);

要触发更多事件/从您可以使用的所选功能中获取更多详细信息

myVectorLayer.events.on({
            "featureselected": function (e) {
                 alert(e.type + " - " + e.feature.id);
    }
});