Openlayers矢量图层

最新推荐文章于 2026-05-11 21:32:49 发布

原创

最新推荐文章于 2026-05-11 21:32:49 发布 · 1k 阅读

收录于

当前文章被以下社区和专栏收录：

本文探讨了如何在OpenLayers中为矢量图层添加事件监听，包括交互操作和响应事件的方法，这对于地图应用的交互性和用户体验至关重要。

Openlayers矢量图层：

var style = new OpenLayers.StyleMap({
        'default': OpenLayers.Util.applyDefaults(
            {fillColor:"#FF0000",
            strokeColor:"#000000",
            strokeOpacity:0.5},
            OpenLayers.Feature.Vector.style["default"]
        ),
        'select': OpenLayers.Util.applyDefaults(
            {fillColor:"#0000FF",
            strokeColor:"#000000",
            strokeOpacity:0.5},
            OpenLayers.Feature.Vector.style.select
        )
    });//定义样式
var vectorLayer = new OpenLayers.Layer.Vector(layerName, {
    styleMap: style
});
var center = new OpenLayers.Geometry.Point(Math.random()*100,Math.random()*100);
var circleGeo1 = OpenLayers.Geometry.Polygon.createRegularPolygon(center,10,72,0);
var circleFeature1 = new OpenLayers.Feature.Vector(circleGeo1);
var circleGeo2 = OpenLayers.Geometry.Polygon.createRegularPolygon(new OpenLayers.Geometry.Point(Math.random()*100,Math.random()*100),20,72,0);
var circleF

标签