OpenLayers 官網提供了自帶的屬性添加網格信息，當地圖作為底圖時，如果添加了過多的圖層，各圖層之間由於沖突不會顯示出來，下面的方法能很好的解決。

代碼如下：

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

OpenLayers 添加網格信息