OpenLayers 3 之 添加地图网格

Posted 庆祝亚运会

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了OpenLayers 3 之 添加地图网格相关的知识，希望对你有一定的参考价值。

前言

在地图上渲染一层类似于经纬线的网格层，更有利于准确的确定区域，在WGS84坐标系下，以度，分，秒为单位，称之为“经纬网”，其网格是以经纬线来划分的。在OpenLayers3中，渲染网格的类是“ol.Graticule”。本文中，我结合实例，讲解“ol.Graticule”的用法和具体实现。


示例

初始化一个网格层，然后将其关联的map对象设置为map（预先定义好的），网格层便会在关联的地图上渲染。初始化网格层可传的参数和方法下面会说明，例子如下（完整的例子可以到我的GitHub查看）：

        var graticuleLayer = new ol.Graticule({
            // map: map,
            strokeStyle: new ol.style.Stroke({
                color: 'rgba(12, 12, 12, 0.8)',
                width: 0.6
            }),
            targetSize: 100
        });
        graticuleLayer.setMap(map);

执行结果如下图：

网格效果图

使用