Is there a method to rotate the squareGrid?

Is there a way to rotate the squareGrid?

Here’s what i have right now.

Link to source

What i want is for the grid to rotate to align with the angle of a polygon shape in google maps.

var map = new google.maps.Map(document.getElementById("map"), {
  zoom: 3,
  maxZoom: 8,
  minZoom: 2,
  center: {
    lat: 0,
    lng: -180
  },
  streetViewControl: false,
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

var triangleCoords = [
  { lat: 25.774, lng: -80.19 },
  { lat: 18.466, lng: -66.118 },
  { lat: 32.321, lng: -64.757 },
  { lat: 25.774, lng: -80.19 }
];

// Construct the polygon.
var bermudaTriangle = new google.maps.Polygon({
  paths: triangleCoords,
  strokeColor: "#FF0000",
  strokeOpacity: 0.8,
  strokeWeight: 2,
  fillColor: "#FF0000",
  fillOpacity: 0.35
});
bermudaTriangle.setMap(map);

const polygonMap = bermudaTriangle.getMap();
const projection = polygonMap.getProjection();

google.maps.Polygon.prototype.my_getBounds=function(){
    var bounds = new google.maps.LatLngBounds()
    this.getPath().forEach(function(element,index){bounds.extend(element)})
    return bounds
}

let coordinates = [];

// convert to bermudaTriangle path to geojson
for (let point of bermudaTriangle.getPath().getArray()) {
  coordinates.push([point.lng(), point.lat()]);
}

const bounds = bermudaTriangle.my_getBounds();
const center = bounds.getCenter().toJSON();

const geojson = turf.polygon([coordinates]);

const pivot = [center.lng, center.lat];
const options = {pivot: pivot};
const rotatedPoly = turf.transformRotate(geojson, 0, options);
const bbox = turf.bbox(rotatedPoly);

const grid = turf.squareGrid(bbox, 50, {
  units: "miles",
  // mask: geojson
});

map.data.addGeoJson(grid);

[dpmcmlxxvi]

@chan-dev The grid is a just feature collection. Just iterate over the collection with, for example, @turf/meta.featureEach and apply @turf/transform-rotate to each feature (i.e., cell).

[stebogit]

@chan-dev I don’t think there is really a more efficient way. I can only suggest a shorter/prettier, though not tested, version (no optimization, just a more compact form thanks to ES6 syntax):

const rotatedGrid = turf.featureCollection(
  grid.features.map((feature) => turf.transformRotate(feature, 10, {pivot}))
);