如何将草坪.js方形网格图层添加到mapbox gl?

Question

我是新手，并尝试使用Mapbox GL添加网格图层。

var bbox = [-95, 30 ,-85, 40];
var cellSide = 50;
var options = {units: 'miles'};
var squareGrid = turf.squareGrid(bbox, cellSide, options);

Answer 1

到目前为止，您拥有的内容为您提供了一个可以添加到地图中的 GeoJSON 对象。假设您已经创建了一个地图(按照入门示例进行操作(，您现在需要添加一个 GeoJSON 源，然后添加一个渲染它的图层。

类似的东西

map.on('load', function() {
map.addSource('grid', {
'type': "geojson",
'data': squareGrid
});
map.addLayer({
'id': 'grid',
'type': 'line',
'source': 'grid',
'paint': {
'line-color': 'red',
}
});
});