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
        });