OpenLayers开发记录（二）

最新推荐文章于 2024-05-11 14:10:43 发布

js-coder

最新推荐文章于 2024-05-11 14:10:43 发布

阅读量3.2k

点赞数

分类专栏：个人总结文章标签： OpenLayers 心得

本文链接：https://blog.csdn.net/javascriptcoder/article/details/25334553

版权

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

摘要由CSDN通过智能技术生成

继续上次关于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控件。

代码