title: Polygon Intersection on map shows offset
body: <p>I'm trying to find intersection area between 2 polygons drawn on a map.
  I've TurfJS intersect method to find intersection between 2 polygons.</p>
  
  <p>It works good for smaller areas but for larger area polygons it starts showing some offset at the intersection points, the offset grows as the distance grows.
  This is also seen only for polygons with slanting lines (vertical and horizontal line intersections seem to work well).</p>
  
  <p>I've created a JSFiddle for this : <a href="https://jsfiddle.net/cLe6yo9d/" rel="nofollow">https://jsfiddle.net/cLe6yo9d/</a></p>
  
  <p>I'm trying to find the intersection between the black and blue polygons, what I get is shown as the red polygon which is seen shifted from where it should be.</p>
  
  <pre><code>var mapLayer = L.map('mapid', {
   zoomAnimation: false
  });
  var pid = 'karan44.pdmio34k';
  var at = 'pk.mapbox-access-token-goes-here';
  L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
    id: pid,
    accessToken: at
  }).addTo(mapLayer);
  
  var polygon1 = turf.polygon([
    [
      [3.405762, 51.395350],
      [5.009766, 53.340303],
      [7.141113, 53.653999],
      [5.822754, 51.037508],
      [3.405762, 51.395350]
    ]
  ], {
    "fill": "#00000F",
    "stroke": "#00000F",
    "stroke-width": 1
  });
  
  var polygon2 = turf.polygon([
    [
      [0.241699, 54.173488],
      [10.162354, 50.908012],
      [8.854980, 50.062208],
      [0.241699, 54.173488]
    ]
  ], {
    "fill": "#0000FF",
    "stroke": "#0000FF",
    "stroke-width": 1
  });
  
  var polygon = turf.intersect(polygon1, polygon2);
  polygon.properties = {
    "fill": "#FF0000",
    "stroke": "#FF0000",
    "stroke-width": 1
  };
  
  
  L.mapbox.featureLayer().setGeoJSON(polygon1).addTo(mapLayer);
  L.mapbox.featureLayer().setGeoJSON(polygon2).addTo(mapLayer);
  
  L.mapbox.featureLayer().setGeoJSON(polygon).addTo(mapLayer);
  mapLayer.setView([52.754260888947776, 5.72100021667583], 8);
  </code></pre>
  
  <p>This fiddle has been created by modifying <a href="http://turfjs.org/examples/turf-intersect/" rel="nofollow">turf.intersect example</a> to reproduce the issue.</p>
  
  <p>Hoping someone could help me understand what is going wrong.</p>