我对此并不陌生,并尝试使用Mapbox GL添加网格层。希望能有所帮助。
var bbox = [-95,30,-85,40];
var cellSide = 50;
var options = {units: 'miles'};
var squareGrid = turf.squareGrid(bbox,cellSide,options);
我对此并不陌生,并尝试使用Mapbox GL添加网格层。希望能有所帮助。
var bbox = [-95,30,-85,40];
var cellSide = 50;
var options = {units: 'miles'};
var squareGrid = turf.squareGrid(bbox,cellSide,options);
到目前为止,您所拥有的东西为您提供了一个GeoJSON对象,您可以将其添加到地图中。假设您已经创建了地图(遵循getting started example),现在需要添加GeoJSON源,然后添加一个呈现它的图层。
类似
map.on('load',function() {
map.addSource({
'id': 'grid','data': squareGrid
});
map.addLayer({
'id': 'grid','type': 'line','source': 'grid,'paint': {
'line-color': 'red',}
});
});