namazu-ts 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +20 -3
- package/dist/node/index.js +20 -3
- package/dist/sismomap.d.ts +1 -0
- package/docs/classes/SismoMap.html +4 -4
- package/package.json +1 -1
- package/src/sismomap.ts +25 -3
package/dist/browser/index.js
CHANGED
|
@@ -26437,12 +26437,17 @@ class SismoMap {
|
|
|
26437
26437
|
} else {
|
|
26438
26438
|
eventList = EventToEventGeoJSON(eventOrList);
|
|
26439
26439
|
}
|
|
26440
|
+
if (eventList.features.length == 0)
|
|
26441
|
+
return;
|
|
26440
26442
|
if (clear) {
|
|
26441
26443
|
this.clear();
|
|
26444
|
+
this.map.addSource("src", {
|
|
26445
|
+
type: "geojson",
|
|
26446
|
+
data: eventList
|
|
26447
|
+
});
|
|
26448
|
+
} else {
|
|
26449
|
+
this.updateSource("src", eventList);
|
|
26442
26450
|
}
|
|
26443
|
-
if (eventList.features.length == 0)
|
|
26444
|
-
return;
|
|
26445
|
-
this.map.addSource("src", { type: "geojson", data: eventList });
|
|
26446
26451
|
eventList.features.forEach((feature) => {
|
|
26447
26452
|
let eventType;
|
|
26448
26453
|
let typeName;
|
|
@@ -26485,6 +26490,18 @@ class SismoMap {
|
|
|
26485
26490
|
}
|
|
26486
26491
|
}
|
|
26487
26492
|
}
|
|
26493
|
+
updateSource(sourceName, newData) {
|
|
26494
|
+
let source = this.map.getSource(sourceName);
|
|
26495
|
+
let data = source?._data.geojson;
|
|
26496
|
+
if (data === undefined)
|
|
26497
|
+
return;
|
|
26498
|
+
let geojson = data;
|
|
26499
|
+
console.log("source : ");
|
|
26500
|
+
console.log(geojson);
|
|
26501
|
+
geojson.features = geojson.features.concat(newData.features);
|
|
26502
|
+
console.log(geojson);
|
|
26503
|
+
source?.setData(geojson);
|
|
26504
|
+
}
|
|
26488
26505
|
}
|
|
26489
26506
|
|
|
26490
26507
|
// src/maputils.ts
|
package/dist/node/index.js
CHANGED
|
@@ -37840,12 +37840,17 @@ class SismoMap {
|
|
|
37840
37840
|
} else {
|
|
37841
37841
|
eventList = EventToEventGeoJSON(eventOrList);
|
|
37842
37842
|
}
|
|
37843
|
+
if (eventList.features.length == 0)
|
|
37844
|
+
return;
|
|
37843
37845
|
if (clear) {
|
|
37844
37846
|
this.clear();
|
|
37847
|
+
this.map.addSource("src", {
|
|
37848
|
+
type: "geojson",
|
|
37849
|
+
data: eventList
|
|
37850
|
+
});
|
|
37851
|
+
} else {
|
|
37852
|
+
this.updateSource("src", eventList);
|
|
37845
37853
|
}
|
|
37846
|
-
if (eventList.features.length == 0)
|
|
37847
|
-
return;
|
|
37848
|
-
this.map.addSource("src", { type: "geojson", data: eventList });
|
|
37849
37854
|
eventList.features.forEach((feature) => {
|
|
37850
37855
|
let eventType;
|
|
37851
37856
|
let typeName;
|
|
@@ -37888,6 +37893,18 @@ class SismoMap {
|
|
|
37888
37893
|
}
|
|
37889
37894
|
}
|
|
37890
37895
|
}
|
|
37896
|
+
updateSource(sourceName, newData) {
|
|
37897
|
+
let source = this.map.getSource(sourceName);
|
|
37898
|
+
let data = source?._data.geojson;
|
|
37899
|
+
if (data === undefined)
|
|
37900
|
+
return;
|
|
37901
|
+
let geojson = data;
|
|
37902
|
+
console.log("source : ");
|
|
37903
|
+
console.log(geojson);
|
|
37904
|
+
geojson.features = geojson.features.concat(newData.features);
|
|
37905
|
+
console.log(geojson);
|
|
37906
|
+
source?.setData(geojson);
|
|
37907
|
+
}
|
|
37891
37908
|
}
|
|
37892
37909
|
|
|
37893
37910
|
// src/maputils.ts
|
package/dist/sismomap.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>SismoMap | namazu-ts</title><meta name="description" content="Documentation for namazu-ts"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">namazu-ts</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">SismoMap</a></li></ul><h1>Class SismoMap</h1></div><aside class="tsd-sources"><ul><li>Defined in src/sismomap.ts:
|
|
1
|
+
<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>SismoMap | namazu-ts</title><meta name="description" content="Documentation for namazu-ts"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">namazu-ts</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">SismoMap</a></li></ul><h1>Class SismoMap</h1></div><aside class="tsd-sources"><ul><li>Defined in src/sismomap.ts:9</li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
|
|
2
2
|
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#descpopup" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>desc<wbr/>Popup</span></a>
|
|
3
3
|
<a href="#map" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>map</span></a>
|
|
4
4
|
<a href="#name" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>name</span></a>
|
|
5
5
|
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#clear" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clear</span></a>
|
|
6
6
|
<a href="#displayevents" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>display<wbr/>Events</span></a>
|
|
7
7
|
</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorsismomap"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">SismoMap</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">map</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Map$1</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">descPopup</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Popup</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">SismoMap</a><a href="#constructorsismomap" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Not meant to use, use createMap instead</p>
|
|
8
|
-
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">map</span>: <span class="tsd-signature-type">Map$1</span></span></li><li><span><span class="tsd-kind-parameter">descPopup</span>: <span class="tsd-signature-type">Popup</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">SismoMap</a></h4><aside class="tsd-sources"><ul><li>Defined in src/sismomap.ts:
|
|
9
|
-
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in src/sismomap.ts:
|
|
8
|
+
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">map</span>: <span class="tsd-signature-type">Map$1</span></span></li><li><span><span class="tsd-kind-parameter">descPopup</span>: <span class="tsd-signature-type">Popup</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">SismoMap</a></h4><aside class="tsd-sources"><ul><li>Defined in src/sismomap.ts:17</li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="descpopup"><span>desc<wbr/>Popup</span><a href="#descpopup" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">descPopup</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Popup</span></div><aside class="tsd-sources"><ul><li>Defined in src/sismomap.ts:12</li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="map"><span>map</span><a href="#map" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">map</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Map$1</span></div><aside class="tsd-sources"><ul><li>Defined in src/sismomap.ts:11</li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="name"><span>name</span><a href="#name" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in src/sismomap.ts:10</li></ul></aside></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="clear"><span>clear</span><a href="#clear" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="clear-1"><span class="tsd-kind-call-signature">clear</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#clear-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Removes all user-made layers</p>
|
|
9
|
+
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in src/sismomap.ts:30</li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="displayevents"><span>display<wbr/>Events</span><a href="#displayevents" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="displayevents-1"><span class="tsd-kind-call-signature">displayEvents</span><span class="tsd-signature-symbol">(</span><br/> <span class="tsd-kind-parameter">eventOrList</span><span class="tsd-signature-symbol">:</span> <a href="../types/SisEvent.html" class="tsd-signature-type tsd-kind-type-alias">SisEvent</a> <span class="tsd-signature-symbol">|</span> <a href="../types/EventGeoJSON.html" class="tsd-signature-type tsd-kind-type-alias">EventGeoJSON</a><span class="tsd-signature-symbol">,</span><br/> <span class="tsd-kind-parameter">moveView</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/> <span class="tsd-kind-parameter">clear</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#displayevents-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">eventOrList</span>: <a href="../types/SisEvent.html" class="tsd-signature-type tsd-kind-type-alias">SisEvent</a> <span class="tsd-signature-symbol">|</span> <a href="../types/EventGeoJSON.html" class="tsd-signature-type tsd-kind-type-alias">EventGeoJSON</a></span><div class="tsd-comment tsd-typography"><p>Can either be a single Event (via /events API) or a FDSN GeoJSON</p>
|
|
10
10
|
</div></li><li><span><span class="tsd-kind-parameter">moveView</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>True = The view moves on the events' bounding box while displaying (does not affect user's possible behaviour on the map)</p>
|
|
11
11
|
</div></li><li><span><span class="tsd-kind-parameter">clear</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>True = The map is cleared before displaying the events</p>
|
|
12
|
-
</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in src/sismomap.ts:
|
|
12
|
+
</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in src/sismomap.ts:46</li></ul></aside></div></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#descpopup"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>desc<wbr/>Popup</span></a><a href="#map"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>map</span></a><a href="#name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>name</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#clear"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clear</span></a><a href="#displayevents"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>display<wbr/>Events</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">namazu-ts</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
|
package/package.json
CHANGED
package/src/sismomap.ts
CHANGED
|
@@ -3,6 +3,8 @@ import { EventGeoJSON, mapLayers, SisEvent } from './types';
|
|
|
3
3
|
import { isEventGeoJSONProperties, isEventGeoJSON } from './utils';
|
|
4
4
|
import { bbox } from '@turf/turf';
|
|
5
5
|
import { EventToEventGeoJSON } from './maputils';
|
|
6
|
+
import { err, Result } from 'neverthrow';
|
|
7
|
+
import { resolve } from 'bun';
|
|
6
8
|
|
|
7
9
|
export class SismoMap {
|
|
8
10
|
name: string;
|
|
@@ -55,12 +57,17 @@ export class SismoMap {
|
|
|
55
57
|
eventList = EventToEventGeoJSON(eventOrList as SisEvent);
|
|
56
58
|
}
|
|
57
59
|
|
|
60
|
+
if (eventList.features.length == 0) return;
|
|
61
|
+
|
|
58
62
|
if (clear) {
|
|
59
63
|
this.clear();
|
|
64
|
+
this.map.addSource('src', {
|
|
65
|
+
type: 'geojson',
|
|
66
|
+
data: eventList as any,
|
|
67
|
+
});
|
|
68
|
+
} else {
|
|
69
|
+
this.updateSource('src', eventList);
|
|
60
70
|
}
|
|
61
|
-
if (eventList.features.length == 0) return;
|
|
62
|
-
|
|
63
|
-
this.map.addSource('src', { type: 'geojson', data: eventList as any });
|
|
64
71
|
eventList.features.forEach((feature) => {
|
|
65
72
|
let eventType: string;
|
|
66
73
|
let typeName: string;
|
|
@@ -95,6 +102,7 @@ export class SismoMap {
|
|
|
95
102
|
this.map.flyTo({ center: [lng, lat], zoom: 6 });
|
|
96
103
|
} else {
|
|
97
104
|
// Inter-library operability is annoying, this line will always work with the types i'll give it
|
|
105
|
+
// but i'm sorry for the double cast as any, can't do better :(
|
|
98
106
|
let bounds = bbox(eventList as any);
|
|
99
107
|
let margin = [-0.5, -0.5, 0.5, 0.5];
|
|
100
108
|
for (let i = 0; i < 4; i++) {
|
|
@@ -105,4 +113,18 @@ export class SismoMap {
|
|
|
105
113
|
}
|
|
106
114
|
}
|
|
107
115
|
}
|
|
116
|
+
|
|
117
|
+
// Updates a source by appending new data
|
|
118
|
+
private updateSource(sourceName: string, newData: EventGeoJSON) {
|
|
119
|
+
let source: maplibregl.GeoJSONSource | undefined =
|
|
120
|
+
this.map.getSource(sourceName);
|
|
121
|
+
let data = source?._data.geojson;
|
|
122
|
+
if (data === undefined) return;
|
|
123
|
+
let geojson: EventGeoJSON = data as EventGeoJSON;
|
|
124
|
+
console.log('source : ');
|
|
125
|
+
console.log(geojson);
|
|
126
|
+
geojson.features = geojson.features.concat(newData.features);
|
|
127
|
+
console.log(geojson);
|
|
128
|
+
source?.setData(geojson as any); // It's good but can't do better as stated in line 104
|
|
129
|
+
}
|
|
108
130
|
}
|