title: Using Turf with Leaflet
body: <p>I've made a leaflet map and was trying to implement turf.
  As a quick test, I just wanted to put a buffer around one of my markers. But somehow I can still only see the two markers on my map. I basically followed the steps from this document. <a href="https://lib.dr.iastate.edu/gis_tasksheets/3/" rel="nofollow noreferrer">https://lib.dr.iastate.edu/gis_tasksheets/3/</a>
  I'm not sure where I made a mistake, I hope someone can tell me.</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;de&quot;&gt;
     &lt;head&gt;
        &lt;meta charset=&quot;UTF-8&quot;&gt;
        &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;
        &lt;title&gt;Leaflet Map&quot;&lt;/title&gt;
        &lt;!-- leaflet.css, leaflet.js, turf.js von externer Quelle einbinden --&gt;
        &lt;link rel=&quot;stylesheet&quot; href=&quot;https://unpkg.com/leaflet@1.4.0/dist/leaflet.css&quot; /&gt;   
        &lt;script src=&quot;https://unpkg.com/leaflet@1.4.0/dist/leaflet.js&quot;&gt;&lt;/script&gt; &lt;!-- Load Leaflet code library--&gt;
        &lt;script src='https://cdnjs.cloudflare.com/ajax/libs/leaflet-omnivore/0.3.4/leaflet-omnivore.min.js'&gt;&lt;/script&gt;  &lt;!-- Load Omnivore to convert CSV to GeoJSON format --&gt;
        &lt;script src=&quot;http://code.jquery.com/jquery-3.5.1.min.js&quot;&gt;&lt;/script&gt;&lt;!-- Load jQuery and PapaParse to read data from a CSV file --&gt;
        &lt;script src=&quot;https://cdn.jsdelivr.net/npm/papaparse@5.3.0/papaparse.min.js&quot;&gt;&lt;/script&gt;
        &lt;script src='https://unpkg.com/@turf/turf/turf.min.js'&gt;&lt;/script&gt;
        
        &lt;script&gt;
        var buffered = turf.buffer(point);                                    
        &lt;/script&gt;
     &lt;/head&gt;
     &lt;body&gt;
        &lt;div id='Karte' style='height: 800px; width: 100%;'&gt;&lt;/div&gt; 
       
       
      &lt;script type='text/javascript'&gt;
           
          var Karte = L.map('Karte').setView([48.896465, 10.996526], 13);  
           L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
           'attribution':  'Kartendaten &amp;copy; &lt;a href=&quot;https://www.openstreetmap.org/copyright&quot;&gt;OpenStreetMap&lt;/a&gt; Mitwirkende',
           'useCache': true
           }).addTo(Karte);       
          
          
          var marker1 = L.marker([48.896465, 10.996526]).addTo(Karte);    
          var marker2 = L.marker([48.892750, 10.990300]).addTo(Karte);
      
          
          var point = turf.point([48.896465, 10.996526]);              
          var buffered = turf.buffer(point, 50, {units: 'meter'});
          buffer = L.geoJSON(buffered);
          buffer.addTo(Karte); 
          
       &lt;/script&gt;
     &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>