Skip to content

Commit 28a287d

Browse files
committed
Website updates
1 parent 11dacd1 commit 28a287d

File tree

3 files changed

+10
-8
lines changed

3 files changed

+10
-8
lines changed

dist/en/main/examples/turf.html

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -235,7 +235,9 @@ <h5 class="source-heading">main.js</h5>
235235
import View from &#x27;ol/View.js&#x27;;
236236
import {OSM, Vector as VectorSource} from &#x27;ol/source.js&#x27;;
237237
import {Tile as TileLayer, Vector as VectorLayer} from &#x27;ol/layer.js&#x27;;
238+
import {along} from &#x27;@turf/along&#x27;;
238239
import {fromLonLat} from &#x27;ol/proj.js&#x27;;
240+
import {length} from &#x27;@turf/length&#x27;;
239241

240242
const source &#x3D; new VectorSource();
241243
fetch(&#x27;data/geojson/roads-seoul.geojson&#x27;)
@@ -254,9 +256,9 @@ <h5 class="source-heading">main.js</h5>
254256
const distance &#x3D; 0.2;
255257

256258
// get the line length in kilometers
257-
const length &#x3D; turf.lineDistance(turfLine, &#x27;kilometers&#x27;);
258-
for (let i &#x3D; 1; i &lt;&#x3D; length / distance; i++) {
259-
const turfPoint &#x3D; turf.along(turfLine, i * distance, &#x27;kilometers&#x27;);
259+
const lineLength &#x3D; length(turfLine, &#x27;kilometers&#x27;);
260+
for (let i &#x3D; 1; i &lt;&#x3D; lineLength / distance; i++) {
261+
const turfPoint &#x3D; along(turfLine, i * distance, &#x27;kilometers&#x27;);
260262

261263
// convert the generated point to a OpenLayers feature
262264
const marker &#x3D; format.readFeature(turfPoint);
@@ -304,7 +306,6 @@ <h5 class="source-heading">index.html</h5>
304306
&lt;body&gt;
305307
&lt;div id&#x3D;&quot;map&quot; class&#x3D;&quot;map&quot;&gt;&lt;/div&gt;
306308

307-
&lt;script src="https://api.tiles.mapbox.com/mapbox.js/plugins/turf/v2.0.0/turf.min.js"&gt;&lt;/script&gt;
308309
&lt;script type="module" src="main.js"&gt;&lt;/script&gt;
309310
&lt;/body&gt;
310311
&lt;/html&gt;</code></pre>
@@ -315,7 +316,9 @@ <h5 class="source-heading">package.json</h5>
315316
<pre><code id="example-pkg-source" class="language-json">{
316317
&quot;name&quot;: &quot;turf&quot;,
317318
&quot;dependencies&quot;: {
318-
&quot;ol&quot;: &quot;10.2.2-dev&quot;
319+
&quot;ol&quot;: &quot;10.2.2-dev&quot;,
320+
&quot;@turf/along&quot;: &quot;^7.1.0&quot;,
321+
&quot;@turf/length&quot;: &quot;^7.1.0&quot;
319322
},
320323
&quot;devDependencies&quot;: {
321324
&quot;vite&quot;: &quot;^3.2.3&quot;
@@ -329,7 +332,6 @@ <h5 class="source-heading">package.json</h5>
329332
</div>
330333

331334
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
332-
<script src="https://api.tiles.mapbox.com/mapbox.js/plugins/turf/v2.0.0/turf.min.js"></script>
333335
<script src="common.js"></script>
334336
<script src="turf.js"></script>
335337
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/components/prism-core.min.js"></script>

dist/en/main/examples/turf.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/en/main/examples/turf.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)