OpenLayers学习——Style及StyleMap(一)

最新推荐文章于 2024-05-29 22:45:00 发布

修哥

最新推荐文章于 2024-05-29 22:45:00 发布

阅读量1w

点赞数 1

分类专栏： OpenLayers GIS 文章标签： OpenLayers Style StyleMap

本文链接：https://blog.csdn.net/devCopper/article/details/26354135

版权

本文介绍了如何在OpenLayers中使用StyleMap类进行图层符号化，详细讲解了StyleMap的构造过程，包括default、select、temporary和delete四种Style，并提供了官方示例链接供参考。

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

参考官方例子：http://openlayers.org/dev/examples/stylemap.html

测试代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link rel="stylesheet" href="../theme/default/style.css" />
    <script type="text/javascript" src="../OpenLayers.js"></script>
    <script type="text/javascript">
        var map;
        function init(){
            var options = { "controls": [] };
            map = new OpenLayers.Map("map", options);
            var wms = new OpenLayers.Layer.WMS("openlayer",
                "http://vmap0.tiles.osgeo.org/wms/vmap0",
                { "layers": "basic" });

            // 加载底图
            map.addLayer(wms);
            
            // 初始化空间
            map.addControl(new OpenLayers.Control.ZoomPanel());
            map.addControl(new OpenLayers.Control.Navigation());
            map.addControl(new OpenLayers.Control.MousePosition());

            // 创建feature
            var features = new Array(50);
            for (var i = 0; i < 50; i++){
                features[i] = new OpenLayers.Feature.Vector(
                    new OpenLayers.Geometry.Point((360 * Math.random()) - 180, (180 * Math.random()) - 90),
                    { "type": 5 + parseInt(Math.random() * 5) });
            }

            // 创建地图符号化
            var myStyles