OpenLayers开发记录（二）

最新推荐文章于 2025-03-24 09:57:49 发布

原创

最新推荐文章于 2025-03-24 09:57:49 发布 · 3.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#OpenLayers #心得

本文是OpenLayers开发系列的第二篇，深入探讨如何创建矢量图层，包括使用OpenLayers.Strategy.Fixed和OpenLayers.Protocol.WFS；创建Marker图层及其z-index问题；介绍常用控件；并讲解如何利用Tween类实现Marker的动态移动动画。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

继续上次关于OpenLayers开发记录的总结，谈一下其他类型图层、Marker以及类的使用。

3、创建矢量图层

问题1：矢量图层的创建

OpenLayers.Strategy.Fixed()：一个简单的策略，一旦请求要素就不再请求新数据
OpenLayers.Protocol.WFS()：通过WFS协议请求一个矢量数据

var cellspace = new OpenLayers.Layer.Vector("WFS", {
    strategies: [new OpenLayers.Strategy.Fixed()],
    projection: new OpenLayers.Projection("EPSG:900913"), // 坐标系要和map坐标系匹配
    protocol: new OpenLayers.Protocol.WFS({
        version: "1.0.0",
        url: "http://localhost:8080/geoserver3D/gczx/wfs",
        featureType: "cellspace2", //
        typeName: "gczx:cellspace2", //
        maxFeatures: 50,
        outputFormat: "GML2"
    })
});

问题2：矢量图层要素选择

需要使用OpenLayers.Control.SelectFeature控件。

代码

var selector = new OpenLayers.Control.SelectFeature(this.vlayer);// 为SelectFeature控件指定矢量图层
this.map.addControl(selector);//添

最低0.47元/天解锁文章

200万优质内容无限畅学