From aee689bf7010c96504cd284ecd425f822881e2c7 Mon Sep 17 00:00:00 2001 From: Gormery Kombo Wanjiru Date: Sun, 12 Nov 2023 08:12:06 +0100 Subject: [PATCH 1/4] components work --- .gitignore | 3 +- README.md | 81 +++++------ package.json | 8 +- postcss.config.js | 6 + src/app.css | 4 + src/lib/EventBridge.js | 30 ++++ src/lib/components/Circle.svelte | 70 +++++++++ src/lib/components/CircleMarker.svelte | 70 +++++++++ src/lib/components/DivIcon.svelte | 24 ++++ src/lib/components/GeoJSON.svelte | 47 ++++++ src/lib/components/Icon.svelte | 19 +++ src/lib/components/ImageOverlay.svelte | 39 +++++ src/lib/components/LeafletMap.svelte | 39 +++++ src/lib/components/Marker.svelte | 70 +++++++++ src/lib/components/Polygon.svelte | 68 +++++++++ src/lib/components/Polyline.svelte | 60 ++++++++ src/lib/components/Popup.svelte | 40 ++++++ src/lib/components/Rectangle.svelte | 68 +++++++++ src/lib/components/ScaleControl.svelte | 26 ++++ src/lib/components/TileLayer.svelte | 39 +++++ src/lib/components/Tooltip.svelte | 40 ++++++ src/lib/extensions/RotatedMarkers.js | 65 +++++++++ src/lib/index.js | 23 +++ src/routes/+layout.svelte | 7 + src/routes/+page.js | 1 + src/routes/+page.svelte | 47 +++++- .../dpsri_70km_2021081710000000dBR.dpsri.png | Bin 0 -> 12789 bytes .../dpsri_70km_2021082110500000dBR.dpsri.png | Bin 0 -> 1896 bytes static/example.geojson | 135 ++++++++++++++++++ static/icons/airport.svg | 15 ++ svelte.config.js | 6 +- tailwind.config.js | 6 + 32 files changed, 1103 insertions(+), 53 deletions(-) create mode 100644 postcss.config.js create mode 100644 src/app.css create mode 100644 src/lib/EventBridge.js create mode 100644 src/lib/components/Circle.svelte create mode 100644 src/lib/components/CircleMarker.svelte create mode 100644 src/lib/components/DivIcon.svelte create mode 100644 src/lib/components/GeoJSON.svelte create mode 100644 src/lib/components/Icon.svelte create mode 100644 src/lib/components/ImageOverlay.svelte create mode 100644 src/lib/components/LeafletMap.svelte create mode 100644 src/lib/components/Marker.svelte create mode 100644 src/lib/components/Polygon.svelte create mode 100644 src/lib/components/Polyline.svelte create mode 100644 src/lib/components/Popup.svelte create mode 100644 src/lib/components/Rectangle.svelte create mode 100644 src/lib/components/ScaleControl.svelte create mode 100644 src/lib/components/TileLayer.svelte create mode 100644 src/lib/components/Tooltip.svelte create mode 100644 src/lib/extensions/RotatedMarkers.js create mode 100644 src/routes/+layout.svelte create mode 100644 src/routes/+page.js create mode 100644 static/dpsri_70km_2021081710000000dBR.dpsri.png create mode 100644 static/dpsri_70km_2021082110500000dBR.dpsri.png create mode 100644 static/example.geojson create mode 100644 static/icons/airport.svg create mode 100644 tailwind.config.js diff --git a/.gitignore b/.gitignore index e34943e..44294de 100644 --- a/.gitignore +++ b/.gitignore @@ -12,4 +12,5 @@ vite.config.ts.timestamp-* *.log .vscode -.dist \ No newline at end of file +.dist +.turbo \ No newline at end of file diff --git a/README.md b/README.md index 4fee31f..ddc9848 100644 --- a/README.md +++ b/README.md @@ -1,58 +1,45 @@ -# create-svelte +# svelte-leaflet -Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte). +Svelte component for [leaflet](https://leafletjs.com/) -Read more about creating a library [in the docs](https://kit.svelte.dev/docs/packaging). +[Documentation & Demo](https://ngyewch.github.io/svelte-leaflet/) -## Creating a project +[Sample project](https://github.com/ngyewch/svelte-leaflet-test) -If you're seeing this, you've probably already done this step. Congrats! +## Component support -```bash -# create a new project in the current directory -npm create svelte@latest +- [x] Map -# create a new project in my-app -npm create svelte@latest my-app -``` +UI layers: +- [x] Marker +- [x] Popup +- [x] Tooltip -## Developing +Raster layers: +- [x] TileLayer +- [x] TileLayer.WMS +- [x] ImageOverlay +- [ ] VideoOverlay -Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server: +Vector layers: +- [x] Polyline +- [x] Polygon +- [x] Rectangle +- [x] Circle +- [x] CircleMarker +- [ ] SVGOverlay -```bash -npm run dev +Other layers: +- [ ] LayerGroup +- [ ] FeatureGroup +- [x] GeoJSON -# or start the server and open the app in a new browser tab -npm run dev -- --open -``` +Basic types: +- [x] Icon +- [x] DivIcon -Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app. - -## Building - -To build your library: - -```bash -npm run package -``` - -To create a production version of your showcase app: - -```bash -npm run build -``` - -You can preview the production build with `npm run preview`. - -> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment. - -## Publishing - -Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)). - -To publish your library to [npm](https://www.npmjs.com): - -```bash -npm publish -``` +Controls: +- [ ] Zoom +- [ ] Attribution +- [ ] Layers +- [x] Scale diff --git a/package.json b/package.json index 424420f..5f0b8a7 100644 --- a/package.json +++ b/package.json @@ -59,19 +59,25 @@ "@valiantlynx/eslint-config-custom": "^0.0.1", "@valiantlynx/tailwind-config": "^0.0.8", "@valiantlynx/tsconfig": "^0.0.25", + "autoprefixer": "^10.4.16", "eslint": "^8.28.0", "eslint-config-prettier": "^8.5.0", "eslint-plugin-svelte": "^2.30.0", + "postcss": "^8.4.31", "prettier": "^2.8.0", "prettier-plugin-svelte": "^2.10.1", "publint": "^0.1.9", "svelte": "^4.0.5", "svelte-check": "^3.4.3", + "tailwindcss": "^3.3.5", "tslib": "^2.4.1", "typescript": "^5.0.0", "vite": "^4.4.2" }, "svelte": "./dist/index.js", "types": "./dist/index.d.ts", - "type": "module" + "type": "module", + "dependencies": { + "leaflet": "^1.9.4" + } } diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..0f772168 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,6 @@ +export default { + plugins: { + tailwindcss: {}, + autoprefixer: {} + } +}; diff --git a/src/app.css b/src/app.css new file mode 100644 index 0000000..9bb37ee --- /dev/null +++ b/src/app.css @@ -0,0 +1,4 @@ + +@tailwind base; +@tailwind components; +@tailwind utilities; diff --git a/src/lib/EventBridge.js b/src/lib/EventBridge.js new file mode 100644 index 0000000..6b41d0b --- /dev/null +++ b/src/lib/EventBridge.js @@ -0,0 +1,30 @@ +export default class EventBridge { + + constructor(entity, dispatch, events = []) { + this.entity = entity; + + this.eventHandlers = []; + if (events) { + const eventMap = {}; + events.forEach(event => { + if (!(event in eventMap)) { + const handler = function (e) { + dispatch(event, e); + }; + this.eventHandlers.push({ + event: event, + handler: handler, + }); + entity.on(event, handler); + eventMap[event] = handler; + } + }); + } + } + + unregister() { + this.eventHandlers.forEach(entry => { + this.entity.off(entry.event, entry.handler); + }); + } +} \ No newline at end of file diff --git a/src/lib/components/Circle.svelte b/src/lib/components/Circle.svelte new file mode 100644 index 0000000..da455da --- /dev/null +++ b/src/lib/components/Circle.svelte @@ -0,0 +1,70 @@ + + +
+ {#if circle} + + {/if} +
diff --git a/src/lib/components/CircleMarker.svelte b/src/lib/components/CircleMarker.svelte new file mode 100644 index 0000000..3232ee6 --- /dev/null +++ b/src/lib/components/CircleMarker.svelte @@ -0,0 +1,70 @@ + + +
+ {#if circleMarker} + + {/if} +
diff --git a/src/lib/components/DivIcon.svelte b/src/lib/components/DivIcon.svelte new file mode 100644 index 0000000..8c01873 --- /dev/null +++ b/src/lib/components/DivIcon.svelte @@ -0,0 +1,24 @@ + + +
+ +
diff --git a/src/lib/components/GeoJSON.svelte b/src/lib/components/GeoJSON.svelte new file mode 100644 index 0000000..c8710d4 --- /dev/null +++ b/src/lib/components/GeoJSON.svelte @@ -0,0 +1,47 @@ + + +
+ {#if geojson} + + {/if} +
diff --git a/src/lib/components/Icon.svelte b/src/lib/components/Icon.svelte new file mode 100644 index 0000000..468efdb --- /dev/null +++ b/src/lib/components/Icon.svelte @@ -0,0 +1,19 @@ + diff --git a/src/lib/components/ImageOverlay.svelte b/src/lib/components/ImageOverlay.svelte new file mode 100644 index 0000000..0646b7d --- /dev/null +++ b/src/lib/components/ImageOverlay.svelte @@ -0,0 +1,39 @@ + diff --git a/src/lib/components/LeafletMap.svelte b/src/lib/components/LeafletMap.svelte new file mode 100644 index 0000000..ff1ca7c --- /dev/null +++ b/src/lib/components/LeafletMap.svelte @@ -0,0 +1,39 @@ + + +
+ {#if map} + + {/if} +
diff --git a/src/lib/components/Marker.svelte b/src/lib/components/Marker.svelte new file mode 100644 index 0000000..c4c141e --- /dev/null +++ b/src/lib/components/Marker.svelte @@ -0,0 +1,70 @@ + + +
+ {#if marker} + + {/if} +
diff --git a/src/lib/components/Polygon.svelte b/src/lib/components/Polygon.svelte new file mode 100644 index 0000000..c03c104 --- /dev/null +++ b/src/lib/components/Polygon.svelte @@ -0,0 +1,68 @@ + + +
+ {#if polygon} + + {/if} +
diff --git a/src/lib/components/Polyline.svelte b/src/lib/components/Polyline.svelte new file mode 100644 index 0000000..ab91e19 --- /dev/null +++ b/src/lib/components/Polyline.svelte @@ -0,0 +1,60 @@ + + +
+ {#if polyline} + + {/if} +
diff --git a/src/lib/components/Popup.svelte b/src/lib/components/Popup.svelte new file mode 100644 index 0000000..e798121 --- /dev/null +++ b/src/lib/components/Popup.svelte @@ -0,0 +1,40 @@ + + +
+
+ +
+
\ No newline at end of file diff --git a/src/lib/components/Rectangle.svelte b/src/lib/components/Rectangle.svelte new file mode 100644 index 0000000..c5c10bb --- /dev/null +++ b/src/lib/components/Rectangle.svelte @@ -0,0 +1,68 @@ + + +
+ {#if rectangle} + + {/if} +
diff --git a/src/lib/components/ScaleControl.svelte b/src/lib/components/ScaleControl.svelte new file mode 100644 index 0000000..f02d0d6 --- /dev/null +++ b/src/lib/components/ScaleControl.svelte @@ -0,0 +1,26 @@ + diff --git a/src/lib/components/TileLayer.svelte b/src/lib/components/TileLayer.svelte new file mode 100644 index 0000000..116b21b --- /dev/null +++ b/src/lib/components/TileLayer.svelte @@ -0,0 +1,39 @@ + diff --git a/src/lib/components/Tooltip.svelte b/src/lib/components/Tooltip.svelte new file mode 100644 index 0000000..7629818 --- /dev/null +++ b/src/lib/components/Tooltip.svelte @@ -0,0 +1,40 @@ + + +
+
+ +
+
diff --git a/src/lib/extensions/RotatedMarkers.js b/src/lib/extensions/RotatedMarkers.js new file mode 100644 index 0000000..4a6e1c6 --- /dev/null +++ b/src/lib/extensions/RotatedMarkers.js @@ -0,0 +1,65 @@ +import L from 'leaflet'; + +const LeafletRotatedMarkersExtension = { + install: () => { + // save these original methods before they are overwritten + const proto_initIcon = L.Marker.prototype._initIcon; + const proto_setPos = L.Marker.prototype._setPos; + + const oldIE = (L.DomUtil.TRANSFORM === 'msTransform'); + + L.Marker.addInitHook(function () { + const iconOptions = this.options.icon && this.options.icon.options; + let iconAnchor = iconOptions && this.options.icon.options.iconAnchor; + if (iconAnchor) { + iconAnchor = (iconAnchor[0] + 'px ' + iconAnchor[1] + 'px'); + } + this.options.rotationOrigin = this.options.rotationOrigin || iconAnchor || 'center bottom'; + this.options.rotationAngle = this.options.rotationAngle || 0; + + // Ensure marker keeps rotated during dragging + this.on('drag', function (e) { + e.target._applyRotation(); + }); + }); + + L.Marker.include({ + _initIcon: function () { + proto_initIcon.call(this); + }, + + _setPos: function (pos) { + proto_setPos.call(this, pos); + this._applyRotation(); + }, + + _applyRotation: function () { + if (this.options.rotationAngle) { + this._icon.style[L.DomUtil.TRANSFORM + 'Origin'] = this.options.rotationOrigin; + + if (oldIE) { + // for IE 9, use the 2D rotation + this._icon.style[L.DomUtil.TRANSFORM] = 'rotate(' + this.options.rotationAngle + 'deg)'; + } else { + // for modern browsers, prefer the 3D accelerated version + this._icon.style[L.DomUtil.TRANSFORM] += ' rotateZ(' + this.options.rotationAngle + 'deg)'; + } + } + }, + + setRotationAngle: function (angle) { + this.options.rotationAngle = angle; + this.update(); + return this; + }, + + setRotationOrigin: function (origin) { + this.options.rotationOrigin = origin; + this.update(); + return this; + } + }); + } +}; + +export default LeafletRotatedMarkersExtension; diff --git a/src/lib/index.js b/src/lib/index.js index 47d3c46..fc70091 100644 --- a/src/lib/index.js +++ b/src/lib/index.js @@ -1 +1,24 @@ // Reexport your entry components here +import LeafletMap from './components/LeafletMap.svelte'; + +import Circle from './components/Circle.svelte'; +import CircleMarker from './components/CircleMarker.svelte'; +import GeoJSON from './components/GeoJSON.svelte'; +import Icon from './components/Icon.svelte'; +import DivIcon from './components/DivIcon.svelte'; +import ImageOverlay from './components/ImageOverlay.svelte'; +import Marker from './components/Marker.svelte'; +import Polyline from './components/Polyline.svelte'; +import Polygon from './components/Polygon.svelte'; +import Popup from './components/Popup.svelte'; +import Rectangle from './components/Rectangle.svelte'; +import ScaleControl from './components/ScaleControl.svelte'; +import TileLayer from './components/TileLayer.svelte'; +import Tooltip from './components/Tooltip.svelte'; + +import LeafletRotatedMarkersExtension from './extensions/RotatedMarkers'; + +LeafletRotatedMarkersExtension.install(); + +export { LeafletMap, Circle, CircleMarker, GeoJSON, Icon, DivIcon, ImageOverlay, Marker, Polyline, Polygon, Popup, Rectangle, ScaleControl, TileLayer, Tooltip }; +export default LeafletMap; diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte new file mode 100644 index 0000000..0ff42b0 --- /dev/null +++ b/src/routes/+layout.svelte @@ -0,0 +1,7 @@ + + + + + diff --git a/src/routes/+page.js b/src/routes/+page.js new file mode 100644 index 0000000..a3d1578 --- /dev/null +++ b/src/routes/+page.js @@ -0,0 +1 @@ +export const ssr = false; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 0a45b69..182da93 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,3 +1,44 @@ -

Welcome to your library project

-

Create your package using @sveltejs/package and preview/showcase your work with SvelteKit

-

Visit kit.svelte.dev to read the documentation

+ + +
+ + + + Gardens by the Bay + Gardens by the Bay + + + Changi Airport + Changi Airport + + +
+ + + diff --git a/static/dpsri_70km_2021081710000000dBR.dpsri.png b/static/dpsri_70km_2021081710000000dBR.dpsri.png new file mode 100644 index 0000000000000000000000000000000000000000..c4a98aa418b4dcc164405b77892a202a309a929c GIT binary patch literal 12789 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 U71C3GziI$1Ol?f6?s~laKS}$BdH?_b literal 0 HcmV?d00001 diff --git a/static/dpsri_70km_2021082110500000dBR.dpsri.png b/static/dpsri_70km_2021082110500000dBR.dpsri.png new file mode 100644 index 0000000000000000000000000000000000000000..b77a7c5cb99524079a73b6bd9ed465237388f7ec GIT binary patch literal 1896 zcmV-u2bcJXP)$fIzx{3$7ZDK= zSt%bsnyQJ2h=_=Y%#Aj=h=_=Yh=_=Yh=|B$a1EP?h#Z?=zc3Pt?214BRMa9O>*JR% z?VUwLL_|bHL_|bHL}YUVx^+%~h}a>Bh-@5p;hhI}*b-R~4-XU(5fKp)5fKp)5fKp) z32GLDbMizKnTUvph=_>DtkkM&mMPWiT!rn5Y>_7^ag_m8MpV77R>G=#7*h&O z^pRSv{w`C^5@uowDTk&6P{Kf16`iX6{n^{KgjHfgWL&G2n5f_CXE8+TI;ztYo9vDr zQAPrz4kL<{SP&ACEU)|=X=GjNJz1xXOb|>G(@8m86zc**WC)9v(TxaKR}2z_S)bL# zly0PTn;fo2#^@k2MKt^7^!5LRMQuj(qF&?g>T{^m5K|w>J|{3!N!cBwc3AcZDC@Ai z@;cK=q8Rt6(J(&{S$$7^K7vbO#76tnJQexxB%?#ZHN{6=hCqp8)Mh0jqFuM{yVyhyoi=9bNW{YMpf)3F zWfWtGz*O)BwV1utx}Q(Fj5*VuRFH-t!u>uK3t=HPmc^u_XsteTk16XES&1OmjuD|U zHO!ifhS+j!jL*PbM8KFKqwlsRoA6;$2gv%K4Ye7KbTA_t)2E1Bq>7}RL^0At#=iOh zbPAjI7||w{X{a+kChj#I-Crkt z76>B4Nz8$2TBe$$l^LxvgGpiWy1uUr6-732T9Q4TEEBcP-KUnqmQO+DfOK8!=SeAZ zaJd^DJoEa@dN0u|XM5Q3PV`_i=cgAl7hjhFlFx^_ETb4AV_dA>hf#uXa!naR%7JM* z*sSO5a3`$Ca+|SB(M<6z15P06A2nHxlcl3L+JBL`iaGGym%4QEr2{Dw3T89@@Ia_lRGc5U`fk7lC?m+50Vnld42<@Pa^{xIaV zsr+cq``ozR$iZqi0GLvmPToIk(f1oHr?^Ab&`eXRZ$9@T7&`1vmEqwGZ@h(esmK<3Xt}Ov zsq{giU4BN{DW+gPhWPJlnS$F!F1J&1RJW@p$>Mq<%+OuuHW*hC{k!#Cx znC2PtMV{yx_rkT_dP`~PHLHIVwR+1a#`?5O9Tk`zz$?Dy(-~lUNTvE@U&h05B>UkK zj+2Qzn3eP`405B>ev*ualgNY7zaKb}Yt(Yf0d^f0`S%w`ZjWdww7y7_2v^grAqCB7)emjtfc6w(KaxpA zZWLKMha4ioU^80_I1yN6g8B@Bv7JC3CSg4$@}$79=Tl(0QI3dAKyKM>fG&nRi iL_|bHL_|bHF7pq$ER*0Y_MG_u0000ZRm literal 0 HcmV?d00001 diff --git a/static/example.geojson b/static/example.geojson new file mode 100644 index 0000000..7e69f4f --- /dev/null +++ b/static/example.geojson @@ -0,0 +1,135 @@ +{ + "type": "FeatureCollection", + "features": [ + { + "type": "Feature", + "properties": {}, + "geometry": { + "type": "Polygon", + "coordinates": [ + [ + [ + 103.80423545837404, + 1.261180110971354 + ], + [ + 103.8075828552246, + 1.2559457020523277 + ], + [ + 103.82028579711914, + 1.246764008650869 + ], + [ + 103.83187294006348, + 1.2367241764193095 + ], + [ + 103.84114265441893, + 1.2398991702201765 + ], + [ + 103.84998321533203, + 1.2529423479362864 + ], + [ + 103.83882522583006, + 1.2552592214155274 + ], + [ + 103.83590698242186, + 1.2542295001224182 + ], + [ + 103.8274097442627, + 1.2555166516754543 + ], + [ + 103.82122993469238, + 1.2607510614554567 + ], + [ + 103.80423545837404, + 1.261180110971354 + ] + ] + ] + } + }, + { + "type": "Feature", + "properties": {}, + "geometry": { + "type": "Polygon", + "coordinates": [ + [ + [ + 103.84474754333495, + 1.2332059356094212 + ], + [ + 103.84517669677734, + 1.2264268731420438 + ], + [ + 103.84921073913574, + 1.2241957855317644 + ], + [ + 103.8479232788086, + 1.2233376744178823 + ], + [ + 103.8442325592041, + 1.2245390299004166 + ], + [ + 103.84097099304199, + 1.2223079407189943 + ], + [ + 103.84869575500487, + 1.2132977540467533 + ], + [ + 103.85272979736328, + 1.2124396394617285 + ], + [ + 103.85324478149414, + 1.218274813266135 + ], + [ + 103.85839462280273, + 1.2168160209974554 + ], + [ + 103.86002540588379, + 1.2206775282216544 + ], + [ + 103.86405944824219, + 1.2210207730401388 + ], + [ + 103.86345863342285, + 1.2246248409857066 + ], + [ + 103.85762214660645, + 1.2272849832663153 + ], + [ + 103.85968208312988, + 1.2330343139874234 + ], + [ + 103.84474754333495, + 1.2332059356094212 + ] + ] + ] + } + } + ] +} \ No newline at end of file diff --git a/static/icons/airport.svg b/static/icons/airport.svg new file mode 100644 index 0000000..fcb8bfd --- /dev/null +++ b/static/icons/airport.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/svelte.config.js b/svelte.config.js index 348fa32..219dad5 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -1,4 +1,5 @@ import adapter from '@sveltejs/adapter-auto'; +import { vitePreprocess } from '@sveltejs/kit/vite'; /** @type {import('@sveltejs/kit').Config} */ const config = { @@ -7,7 +8,10 @@ const config = { // If your environment is not supported or you settled on a specific environment, switch out the adapter. // See https://kit.svelte.dev/docs/adapters for more information about adapters. adapter: adapter() - } + }, + preprocess: vitePreprocess({ + postcss: true + }), }; export default config; diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..a286d07 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,6 @@ +// tailwind config is required for editor support +import sharedConfig from '@valiantlynx/tailwind-config/dist/tailwind.config'; +const config = { + presets: [sharedConfig] +}; +export default config; From 533a58b209ec3a58d21863c65474b0d8f7a0cd67 Mon Sep 17 00:00:00 2001 From: Gormery Kombo Wanjiru Date: Sun, 12 Nov 2023 08:13:20 +0100 Subject: [PATCH 2/4] format --- README.md | 6 + src/app.css | 1 - src/lib/EventBridge.js | 53 ++++--- src/lib/components/Circle.svelte | 112 +++++++-------- src/lib/components/CircleMarker.svelte | 112 +++++++-------- src/lib/components/DivIcon.svelte | 28 ++-- src/lib/components/GeoJSON.svelte | 66 ++++----- src/lib/components/Icon.svelte | 24 ++-- src/lib/components/ImageOverlay.svelte | 74 +++++----- src/lib/components/LeafletMap.svelte | 54 +++---- src/lib/components/Marker.svelte | 106 +++++++------- src/lib/components/Polygon.svelte | 108 +++++++------- src/lib/components/Polyline.svelte | 110 +++++++-------- src/lib/components/Popup.svelte | 56 ++++---- src/lib/components/Rectangle.svelte | 108 +++++++------- src/lib/components/ScaleControl.svelte | 36 ++--- src/lib/components/TileLayer.svelte | 76 +++++----- src/lib/components/Tooltip.svelte | 54 +++---- src/lib/extensions/RotatedMarkers.js | 101 ++++++------- src/lib/index.js | 18 ++- src/routes/+page.svelte | 49 ++++--- static/example.geojson | 187 +++++++------------------ svelte.config.js | 2 +- 23 files changed, 741 insertions(+), 800 deletions(-) diff --git a/README.md b/README.md index ddc9848..fbe33f3 100644 --- a/README.md +++ b/README.md @@ -11,17 +11,20 @@ Svelte component for [leaflet](https://leafletjs.com/) - [x] Map UI layers: + - [x] Marker - [x] Popup - [x] Tooltip Raster layers: + - [x] TileLayer - [x] TileLayer.WMS - [x] ImageOverlay - [ ] VideoOverlay Vector layers: + - [x] Polyline - [x] Polygon - [x] Rectangle @@ -30,15 +33,18 @@ Vector layers: - [ ] SVGOverlay Other layers: + - [ ] LayerGroup - [ ] FeatureGroup - [x] GeoJSON Basic types: + - [x] Icon - [x] DivIcon Controls: + - [ ] Zoom - [ ] Attribution - [ ] Layers diff --git a/src/app.css b/src/app.css index 9bb37ee..b5c61c9 100644 --- a/src/app.css +++ b/src/app.css @@ -1,4 +1,3 @@ - @tailwind base; @tailwind components; @tailwind utilities; diff --git a/src/lib/EventBridge.js b/src/lib/EventBridge.js index 6b41d0b..8cf6ef6 100644 --- a/src/lib/EventBridge.js +++ b/src/lib/EventBridge.js @@ -1,30 +1,29 @@ export default class EventBridge { + constructor(entity, dispatch, events = []) { + this.entity = entity; - constructor(entity, dispatch, events = []) { - this.entity = entity; + this.eventHandlers = []; + if (events) { + const eventMap = {}; + events.forEach((event) => { + if (!(event in eventMap)) { + const handler = function (e) { + dispatch(event, e); + }; + this.eventHandlers.push({ + event: event, + handler: handler + }); + entity.on(event, handler); + eventMap[event] = handler; + } + }); + } + } - this.eventHandlers = []; - if (events) { - const eventMap = {}; - events.forEach(event => { - if (!(event in eventMap)) { - const handler = function (e) { - dispatch(event, e); - }; - this.eventHandlers.push({ - event: event, - handler: handler, - }); - entity.on(event, handler); - eventMap[event] = handler; - } - }); - } - } - - unregister() { - this.eventHandlers.forEach(entry => { - this.entity.off(entry.event, entry.handler); - }); - } -} \ No newline at end of file + unregister() { + this.eventHandlers.forEach((entry) => { + this.entity.off(entry.event, entry.handler); + }); + } +} diff --git a/src/lib/components/Circle.svelte b/src/lib/components/Circle.svelte index da455da..b7a8497 100644 --- a/src/lib/components/Circle.svelte +++ b/src/lib/components/Circle.svelte @@ -1,70 +1,70 @@
- {#if circle} - - {/if} + {#if circle} + + {/if}
diff --git a/src/lib/components/CircleMarker.svelte b/src/lib/components/CircleMarker.svelte index 3232ee6..ba630bd 100644 --- a/src/lib/components/CircleMarker.svelte +++ b/src/lib/components/CircleMarker.svelte @@ -1,70 +1,70 @@
- {#if circleMarker} - - {/if} + {#if circleMarker} + + {/if}
diff --git a/src/lib/components/DivIcon.svelte b/src/lib/components/DivIcon.svelte index 8c01873..0a4b087 100644 --- a/src/lib/components/DivIcon.svelte +++ b/src/lib/components/DivIcon.svelte @@ -1,24 +1,24 @@
- +
diff --git a/src/lib/components/GeoJSON.svelte b/src/lib/components/GeoJSON.svelte index c8710d4..fe230ed 100644 --- a/src/lib/components/GeoJSON.svelte +++ b/src/lib/components/GeoJSON.svelte @@ -1,47 +1,47 @@
- {#if geojson} - - {/if} + {#if geojson} + + {/if}
diff --git a/src/lib/components/Icon.svelte b/src/lib/components/Icon.svelte index 468efdb..c33f109 100644 --- a/src/lib/components/Icon.svelte +++ b/src/lib/components/Icon.svelte @@ -1,19 +1,19 @@ diff --git a/src/lib/components/ImageOverlay.svelte b/src/lib/components/ImageOverlay.svelte index 0646b7d..f790de7 100644 --- a/src/lib/components/ImageOverlay.svelte +++ b/src/lib/components/ImageOverlay.svelte @@ -1,39 +1,39 @@ diff --git a/src/lib/components/LeafletMap.svelte b/src/lib/components/LeafletMap.svelte index ff1ca7c..685b259 100644 --- a/src/lib/components/LeafletMap.svelte +++ b/src/lib/components/LeafletMap.svelte @@ -1,39 +1,39 @@
- {#if map} - - {/if} + {#if map} + + {/if}
diff --git a/src/lib/components/Marker.svelte b/src/lib/components/Marker.svelte index c4c141e..58a5727 100644 --- a/src/lib/components/Marker.svelte +++ b/src/lib/components/Marker.svelte @@ -1,70 +1,70 @@
- {#if marker} - - {/if} + {#if marker} + + {/if}
diff --git a/src/lib/components/Polygon.svelte b/src/lib/components/Polygon.svelte index c03c104..690f7fb 100644 --- a/src/lib/components/Polygon.svelte +++ b/src/lib/components/Polygon.svelte @@ -1,68 +1,68 @@
- {#if polygon} - - {/if} + {#if polygon} + + {/if}
diff --git a/src/lib/components/Polyline.svelte b/src/lib/components/Polyline.svelte index ab91e19..5539810 100644 --- a/src/lib/components/Polyline.svelte +++ b/src/lib/components/Polyline.svelte @@ -1,60 +1,60 @@
- {#if polyline} - - {/if} + {#if polyline} + + {/if}
diff --git a/src/lib/components/Popup.svelte b/src/lib/components/Popup.svelte index e798121..54ae9c8 100644 --- a/src/lib/components/Popup.svelte +++ b/src/lib/components/Popup.svelte @@ -1,40 +1,40 @@
-
- -
-
\ No newline at end of file +
+ +
+ diff --git a/src/lib/components/Rectangle.svelte b/src/lib/components/Rectangle.svelte index c5c10bb..325f606 100644 --- a/src/lib/components/Rectangle.svelte +++ b/src/lib/components/Rectangle.svelte @@ -1,68 +1,68 @@
- {#if rectangle} - - {/if} + {#if rectangle} + + {/if}
diff --git a/src/lib/components/ScaleControl.svelte b/src/lib/components/ScaleControl.svelte index f02d0d6..5654b54 100644 --- a/src/lib/components/ScaleControl.svelte +++ b/src/lib/components/ScaleControl.svelte @@ -1,26 +1,26 @@ diff --git a/src/lib/components/TileLayer.svelte b/src/lib/components/TileLayer.svelte index 116b21b..d835e76 100644 --- a/src/lib/components/TileLayer.svelte +++ b/src/lib/components/TileLayer.svelte @@ -1,39 +1,41 @@ diff --git a/src/lib/components/Tooltip.svelte b/src/lib/components/Tooltip.svelte index 7629818..41c7fbd 100644 --- a/src/lib/components/Tooltip.svelte +++ b/src/lib/components/Tooltip.svelte @@ -1,40 +1,40 @@
-
- -
+
+ +
diff --git a/src/lib/extensions/RotatedMarkers.js b/src/lib/extensions/RotatedMarkers.js index 4a6e1c6..ace941d 100644 --- a/src/lib/extensions/RotatedMarkers.js +++ b/src/lib/extensions/RotatedMarkers.js @@ -1,65 +1,66 @@ import L from 'leaflet'; const LeafletRotatedMarkersExtension = { - install: () => { - // save these original methods before they are overwritten - const proto_initIcon = L.Marker.prototype._initIcon; - const proto_setPos = L.Marker.prototype._setPos; + install: () => { + // save these original methods before they are overwritten + const proto_initIcon = L.Marker.prototype._initIcon; + const proto_setPos = L.Marker.prototype._setPos; - const oldIE = (L.DomUtil.TRANSFORM === 'msTransform'); + const oldIE = L.DomUtil.TRANSFORM === 'msTransform'; - L.Marker.addInitHook(function () { - const iconOptions = this.options.icon && this.options.icon.options; - let iconAnchor = iconOptions && this.options.icon.options.iconAnchor; - if (iconAnchor) { - iconAnchor = (iconAnchor[0] + 'px ' + iconAnchor[1] + 'px'); - } - this.options.rotationOrigin = this.options.rotationOrigin || iconAnchor || 'center bottom'; - this.options.rotationAngle = this.options.rotationAngle || 0; + L.Marker.addInitHook(function () { + const iconOptions = this.options.icon && this.options.icon.options; + let iconAnchor = iconOptions && this.options.icon.options.iconAnchor; + if (iconAnchor) { + iconAnchor = iconAnchor[0] + 'px ' + iconAnchor[1] + 'px'; + } + this.options.rotationOrigin = this.options.rotationOrigin || iconAnchor || 'center bottom'; + this.options.rotationAngle = this.options.rotationAngle || 0; - // Ensure marker keeps rotated during dragging - this.on('drag', function (e) { - e.target._applyRotation(); - }); - }); + // Ensure marker keeps rotated during dragging + this.on('drag', function (e) { + e.target._applyRotation(); + }); + }); - L.Marker.include({ - _initIcon: function () { - proto_initIcon.call(this); - }, + L.Marker.include({ + _initIcon: function () { + proto_initIcon.call(this); + }, - _setPos: function (pos) { - proto_setPos.call(this, pos); - this._applyRotation(); - }, + _setPos: function (pos) { + proto_setPos.call(this, pos); + this._applyRotation(); + }, - _applyRotation: function () { - if (this.options.rotationAngle) { - this._icon.style[L.DomUtil.TRANSFORM + 'Origin'] = this.options.rotationOrigin; + _applyRotation: function () { + if (this.options.rotationAngle) { + this._icon.style[L.DomUtil.TRANSFORM + 'Origin'] = this.options.rotationOrigin; - if (oldIE) { - // for IE 9, use the 2D rotation - this._icon.style[L.DomUtil.TRANSFORM] = 'rotate(' + this.options.rotationAngle + 'deg)'; - } else { - // for modern browsers, prefer the 3D accelerated version - this._icon.style[L.DomUtil.TRANSFORM] += ' rotateZ(' + this.options.rotationAngle + 'deg)'; - } - } - }, + if (oldIE) { + // for IE 9, use the 2D rotation + this._icon.style[L.DomUtil.TRANSFORM] = 'rotate(' + this.options.rotationAngle + 'deg)'; + } else { + // for modern browsers, prefer the 3D accelerated version + this._icon.style[L.DomUtil.TRANSFORM] += + ' rotateZ(' + this.options.rotationAngle + 'deg)'; + } + } + }, - setRotationAngle: function (angle) { - this.options.rotationAngle = angle; - this.update(); - return this; - }, + setRotationAngle: function (angle) { + this.options.rotationAngle = angle; + this.update(); + return this; + }, - setRotationOrigin: function (origin) { - this.options.rotationOrigin = origin; - this.update(); - return this; - } - }); - } + setRotationOrigin: function (origin) { + this.options.rotationOrigin = origin; + this.update(); + return this; + } + }); + } }; export default LeafletRotatedMarkersExtension; diff --git a/src/lib/index.js b/src/lib/index.js index fc70091..659dd4b 100644 --- a/src/lib/index.js +++ b/src/lib/index.js @@ -20,5 +20,21 @@ import LeafletRotatedMarkersExtension from './extensions/RotatedMarkers'; LeafletRotatedMarkersExtension.install(); -export { LeafletMap, Circle, CircleMarker, GeoJSON, Icon, DivIcon, ImageOverlay, Marker, Polyline, Polygon, Popup, Rectangle, ScaleControl, TileLayer, Tooltip }; +export { + LeafletMap, + Circle, + CircleMarker, + GeoJSON, + Icon, + DivIcon, + ImageOverlay, + Marker, + Polyline, + Polygon, + Popup, + Rectangle, + ScaleControl, + TileLayer, + Tooltip +}; export default LeafletMap; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 182da93..9c4afe6 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,32 +1,32 @@
- - - - Gardens by the Bay - Gardens by the Bay - - - Changi Airport - Changi Airport - - + + + + Gardens by the Bay + Gardens by the Bay + + + Changi Airport + Changi Airport + +
@@ -41,4 +41,3 @@

Copyright © 2023 - All right reserved by me

- diff --git a/static/example.geojson b/static/example.geojson index 7e69f4f..6af00a3 100644 --- a/static/example.geojson +++ b/static/example.geojson @@ -1,135 +1,54 @@ { - "type": "FeatureCollection", - "features": [ - { - "type": "Feature", - "properties": {}, - "geometry": { - "type": "Polygon", - "coordinates": [ - [ - [ - 103.80423545837404, - 1.261180110971354 - ], - [ - 103.8075828552246, - 1.2559457020523277 - ], - [ - 103.82028579711914, - 1.246764008650869 - ], - [ - 103.83187294006348, - 1.2367241764193095 - ], - [ - 103.84114265441893, - 1.2398991702201765 - ], - [ - 103.84998321533203, - 1.2529423479362864 - ], - [ - 103.83882522583006, - 1.2552592214155274 - ], - [ - 103.83590698242186, - 1.2542295001224182 - ], - [ - 103.8274097442627, - 1.2555166516754543 - ], - [ - 103.82122993469238, - 1.2607510614554567 - ], - [ - 103.80423545837404, - 1.261180110971354 - ] - ] - ] - } - }, - { - "type": "Feature", - "properties": {}, - "geometry": { - "type": "Polygon", - "coordinates": [ - [ - [ - 103.84474754333495, - 1.2332059356094212 - ], - [ - 103.84517669677734, - 1.2264268731420438 - ], - [ - 103.84921073913574, - 1.2241957855317644 - ], - [ - 103.8479232788086, - 1.2233376744178823 - ], - [ - 103.8442325592041, - 1.2245390299004166 - ], - [ - 103.84097099304199, - 1.2223079407189943 - ], - [ - 103.84869575500487, - 1.2132977540467533 - ], - [ - 103.85272979736328, - 1.2124396394617285 - ], - [ - 103.85324478149414, - 1.218274813266135 - ], - [ - 103.85839462280273, - 1.2168160209974554 - ], - [ - 103.86002540588379, - 1.2206775282216544 - ], - [ - 103.86405944824219, - 1.2210207730401388 - ], - [ - 103.86345863342285, - 1.2246248409857066 - ], - [ - 103.85762214660645, - 1.2272849832663153 - ], - [ - 103.85968208312988, - 1.2330343139874234 - ], - [ - 103.84474754333495, - 1.2332059356094212 - ] - ] - ] - } - } - ] -} \ No newline at end of file + "type": "FeatureCollection", + "features": [ + { + "type": "Feature", + "properties": {}, + "geometry": { + "type": "Polygon", + "coordinates": [ + [ + [103.80423545837404, 1.261180110971354], + [103.8075828552246, 1.2559457020523277], + [103.82028579711914, 1.246764008650869], + [103.83187294006348, 1.2367241764193095], + [103.84114265441893, 1.2398991702201765], + [103.84998321533203, 1.2529423479362864], + [103.83882522583006, 1.2552592214155274], + [103.83590698242186, 1.2542295001224182], + [103.8274097442627, 1.2555166516754543], + [103.82122993469238, 1.2607510614554567], + [103.80423545837404, 1.261180110971354] + ] + ] + } + }, + { + "type": "Feature", + "properties": {}, + "geometry": { + "type": "Polygon", + "coordinates": [ + [ + [103.84474754333495, 1.2332059356094212], + [103.84517669677734, 1.2264268731420438], + [103.84921073913574, 1.2241957855317644], + [103.8479232788086, 1.2233376744178823], + [103.8442325592041, 1.2245390299004166], + [103.84097099304199, 1.2223079407189943], + [103.84869575500487, 1.2132977540467533], + [103.85272979736328, 1.2124396394617285], + [103.85324478149414, 1.218274813266135], + [103.85839462280273, 1.2168160209974554], + [103.86002540588379, 1.2206775282216544], + [103.86405944824219, 1.2210207730401388], + [103.86345863342285, 1.2246248409857066], + [103.85762214660645, 1.2272849832663153], + [103.85968208312988, 1.2330343139874234], + [103.84474754333495, 1.2332059356094212] + ] + ] + } + } + ] +} diff --git a/svelte.config.js b/svelte.config.js index 219dad5..f363d1d 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -11,7 +11,7 @@ const config = { }, preprocess: vitePreprocess({ postcss: true - }), + }) }; export default config; From 63375f0f36c63bb49ae5036b95c19c7308c236af Mon Sep 17 00:00:00 2001 From: Gormery Kombo Wanjiru Date: Sun, 12 Nov 2023 08:16:32 +0100 Subject: [PATCH 3/4] bump ts config --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 5f0b8a7..58d0add 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@valiantlynx/svelte-leaflet", - "version": "0.0.1", + "version": "0.0.2", "publishConfig": { "access": "public" }, From 5172d692d99581efabfb6b6e9e10b292a55a420d Mon Sep 17 00:00:00 2001 From: Gormery Kombo Wanjiru Date: Sun, 12 Nov 2023 10:45:40 +0100 Subject: [PATCH 4/4] svelte-leaflet.netlify.app --- package.json | 4 +- src/lib/site-components/Circle.svelte | 75 ++++++++++++ src/lib/site-components/CircleMarker.svelte | 120 +++++++++++++++++++ src/lib/site-components/DivIcon.svelte | 66 ++++++++++ src/lib/site-components/GeoJSON.svelte | 69 +++++++++++ src/lib/site-components/ImageOverlay.svelte | 63 ++++++++++ src/lib/site-components/LeafletMap.svelte | 64 ++++++++++ src/lib/site-components/Marker.svelte | 59 +++++++++ src/lib/site-components/MarkerIcon.svelte | 74 ++++++++++++ src/lib/site-components/Polygon.svelte | 115 ++++++++++++++++++ src/lib/site-components/Polyline.svelte | 71 +++++++++++ src/lib/site-components/Popup.svelte | 71 +++++++++++ src/lib/site-components/Rectangle.svelte | 77 ++++++++++++ src/lib/site-components/ScaleControl.svelte | 57 +++++++++ src/lib/site-components/TileLayer-WMS.svelte | 66 ++++++++++ src/lib/site-components/TileLayer.svelte | 57 +++++++++ src/lib/site-components/Tooltip.svelte | 63 ++++++++++ src/routes/+layout.svelte | 1 + src/routes/+page.js | 2 + src/routes/+page.svelte | 99 +++++++++------ static/icons/github.svg | 17 +++ static/icons/linkedin.svg | 2 + static/icons/twitter.svg | 17 +++ static/logo.jpg | Bin 0 -> 6069 bytes svelte.config.js | 2 +- vite.config.js | 2 +- 26 files changed, 1274 insertions(+), 39 deletions(-) create mode 100644 src/lib/site-components/Circle.svelte create mode 100644 src/lib/site-components/CircleMarker.svelte create mode 100644 src/lib/site-components/DivIcon.svelte create mode 100644 src/lib/site-components/GeoJSON.svelte create mode 100644 src/lib/site-components/ImageOverlay.svelte create mode 100644 src/lib/site-components/LeafletMap.svelte create mode 100644 src/lib/site-components/Marker.svelte create mode 100644 src/lib/site-components/MarkerIcon.svelte create mode 100644 src/lib/site-components/Polygon.svelte create mode 100644 src/lib/site-components/Polyline.svelte create mode 100644 src/lib/site-components/Popup.svelte create mode 100644 src/lib/site-components/Rectangle.svelte create mode 100644 src/lib/site-components/ScaleControl.svelte create mode 100644 src/lib/site-components/TileLayer-WMS.svelte create mode 100644 src/lib/site-components/TileLayer.svelte create mode 100644 src/lib/site-components/Tooltip.svelte create mode 100644 static/icons/github.svg create mode 100644 static/icons/linkedin.svg create mode 100644 static/icons/twitter.svg create mode 100644 static/logo.jpg diff --git a/package.json b/package.json index 58d0add..6cf266e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@valiantlynx/svelte-leaflet", - "version": "0.0.2", + "version": "0.0.3", "publishConfig": { "access": "public" }, @@ -25,6 +25,7 @@ "type": "git", "url": "git+https://github.com/valiantlynx/svelte-leaflet.git" }, + "homepage": "https://svelte-leaflet.netlify.app", "scripts": { "dev": "vite dev", "build": "vite build && npm run package", @@ -54,6 +55,7 @@ "devDependencies": { "@changesets/cli": "^2.26.2", "@sveltejs/adapter-auto": "^2.0.0", + "@sveltejs/adapter-static": "^2.0.3", "@sveltejs/kit": "^1.20.4", "@sveltejs/package": "^2.0.0", "@valiantlynx/eslint-config-custom": "^0.0.1", diff --git a/src/lib/site-components/Circle.svelte b/src/lib/site-components/Circle.svelte new file mode 100644 index 0000000..1099351 --- /dev/null +++ b/src/lib/site-components/Circle.svelte @@ -0,0 +1,75 @@ + + +
+

Circle Component

+

Basic Usage

+
+ + + + Sentosa + Sentosa + + +
+ +

Properties

+
+ latLng | Geographical point. | LatLng + radius | Radius in meters. | Number + color | Stroke color. | String("#3388ff") + weight | Stroke width in pixels. | Number(3) + opacity | Stroke opacity. | Number(1.0) + lineCap | Line cap shape. | String("round") + lineJoin | Line join shape. | String("round") + dashArray | Dash pattern. | String(null) + dashOffset | Dash offset. | String(null) + fill | Fill flag. | Boolean() + fillColor | Fill color. | String("#3388ff") + fillOpacity | Fill opacity. | Number(0.2) + fillRule | Fill rule. | String("evenodd") + options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getCircle() + Returns the underlying Leaflet Circle object instance. + See https://leafletjs.com/reference.html#circle +
+
+ \ No newline at end of file diff --git a/src/lib/site-components/CircleMarker.svelte b/src/lib/site-components/CircleMarker.svelte new file mode 100644 index 0000000..e2b181d --- /dev/null +++ b/src/lib/site-components/CircleMarker.svelte @@ -0,0 +1,120 @@ + + +
+

CircleMarker Component

+

Basic Usage

+
+ + + + Sentosa + Sentosa + + {#each polygon1 as point} + + {point} + {point} + + {/each} + +
+ +

Properties

+
+ latLng | Geographical point. | LatLng + radius | Radius in pixels. | Number(3) + color | Stroke color. | String("#3388ff") + weight | Stroke width in pixels. | Number(3) + opacity | Stroke opacity. | Number(1.0) + lineCap | Line cap shape. | String("round") + lineJoin | Line join shape. | String("round") + dashArray | Dash pattern. | String(null) + dashOffset | Dash offset. | String(null) + fill | Fill flag. | Boolean() + fillColor | Fill color. | String("#3388ff") + fillOpacity | Fill opacity. | Number(0.2) + fillRule | Fill rule. | String("evenodd") + options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getCircleMarker() + Returns the underlying Leaflet CircleMarker object instance. + See https://leafletjs.com/reference.html#circlemarker +
+
+ \ No newline at end of file diff --git a/src/lib/site-components/DivIcon.svelte b/src/lib/site-components/DivIcon.svelte new file mode 100644 index 0000000..06b769e --- /dev/null +++ b/src/lib/site-components/DivIcon.svelte @@ -0,0 +1,66 @@ + + + + +
+

Marker / DivIcon Component

+

Basic Usage

+
+ + + + + + + + +
+ using slot +
+ + + +
+ +

Properties

+
+ options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getIcon()Returns the underlying Leaflet Icon object instance. See https://leafletjs.com/reference.html#icon
+
+ \ No newline at end of file diff --git a/src/lib/site-components/GeoJSON.svelte b/src/lib/site-components/GeoJSON.svelte new file mode 100644 index 0000000..5d30b21 --- /dev/null +++ b/src/lib/site-components/GeoJSON.svelte @@ -0,0 +1,69 @@ + + +
+

GeoJSON Component

+

Basic Usage

+
+ + + + +
+ +

Properties

+
+ data | GeoJSON object | Object(undefined) + options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getGeoJSON() + Returns the underlying Leaflet GeoJSON object instance. + See https://leafletjs.com/reference.html#geojson +
+
+ \ No newline at end of file diff --git a/src/lib/site-components/ImageOverlay.svelte b/src/lib/site-components/ImageOverlay.svelte new file mode 100644 index 0000000..115619f --- /dev/null +++ b/src/lib/site-components/ImageOverlay.svelte @@ -0,0 +1,63 @@ + + +
+

ImageOverlay Component

+

Basic Usage

+
+ + + + +
+ +

Properties

+
+ imageUrl | URL to image file. | String + opacity | Opacity of the image overlay. | Number(1.0) + zIndex | Explicit zIndex of the layer. | Number(1) + options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getImageOverlay() + Returns the underlying Leaflet ImageOverlay object instance. See + https://leafletjs.com/reference.html#imageoverlay +
+
diff --git a/src/lib/site-components/LeafletMap.svelte b/src/lib/site-components/LeafletMap.svelte new file mode 100644 index 0000000..60a6aef --- /dev/null +++ b/src/lib/site-components/LeafletMap.svelte @@ -0,0 +1,64 @@ + + + + +
+ +
+

LeafletMap Component

+

Basic Usage

+
+ + + +
+
+ + +
+

LeafletMap Properties

+
+ options | Options. See https://leafletjs.com/reference.html#map-option | Object(undefined) +
+
+ + +
+

LeafletMap Methods

+ + + + + + + + + + + + + +
NameDescription
getMap()Returns the underlying Leaflet Map object instance. See https://leafletjs.com/reference.html#map-factory
+
+ + +
+ \ No newline at end of file diff --git a/src/lib/site-components/Marker.svelte b/src/lib/site-components/Marker.svelte new file mode 100644 index 0000000..b0b4de4 --- /dev/null +++ b/src/lib/site-components/Marker.svelte @@ -0,0 +1,59 @@ + + + + +
+

Marker Component

+

Basic Usage

+
+ + + + + +
+ +

Properties

+
+ latLng | Geographical point. | LatLng + zIndexOffset | z-index offset. | Number(0) + icon | TODO L.Icon.Default | String + opacity | Opacity. | Number(1.0) + rotationAngle | Rotation angle. | Number(0) + rotationOrigin | Rotation origin. | String("center bottom") + options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getMarker()Returns the underlying Leaflet Marker object instance. See https://leafletjs.com/reference.html#marker
+
+ \ No newline at end of file diff --git a/src/lib/site-components/MarkerIcon.svelte b/src/lib/site-components/MarkerIcon.svelte new file mode 100644 index 0000000..5effd72 --- /dev/null +++ b/src/lib/site-components/MarkerIcon.svelte @@ -0,0 +1,74 @@ + + + + +
+ + + +
+

Marker/Icon Component

+

Basic Usage

+
+ + + + + + + +
+
+ + +
+

Marker/Icon Properties

+
+ options | Options. | Object(undefined) +
+
+ + +
+

Marker/Icon Methods

+ + + + + + + + + + + + + +
NameDescription
getIcon()Returns the underlying Leaflet Icon object instance. See https://leafletjs.com/reference.html#icon
+
+
+ \ No newline at end of file diff --git a/src/lib/site-components/Polygon.svelte b/src/lib/site-components/Polygon.svelte new file mode 100644 index 0000000..f4d5785 --- /dev/null +++ b/src/lib/site-components/Polygon.svelte @@ -0,0 +1,115 @@ + + +
+

Polygon Component

+

Basic Usage

+
+ + + + Sentosa + Sentosa + + +
+ +

Properties

+
+ latLngs | Geographical points. | LatLng[] + color | Stroke color. | String("#3388ff") + weight | Stroke width in pixels. | Number(3) + opacity | Stroke opacity. | Number(1.0) + lineCap | Line cap shape. | String("round") + lineJoin | Line join shape. | String("round") + dashArray | Dash pattern. | String(null) + dashOffset | Dash offset. | String(null) + fill | Fill flag. | Boolean() + fillColor | Fill color. | String("#3388ff") + fillOpacity | Fill opacity. | Number(0.2) + fillRule | Fill rule. | String("evenodd") + options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getPolygon() + Returns the underlying Leaflet Polygon object instance. + See https://leafletjs.com/reference.html#polygon +
+
+ \ No newline at end of file diff --git a/src/lib/site-components/Polyline.svelte b/src/lib/site-components/Polyline.svelte new file mode 100644 index 0000000..66e880a --- /dev/null +++ b/src/lib/site-components/Polyline.svelte @@ -0,0 +1,71 @@ + + + +
+

Polyline Component

+

Basic Usage

+
+ + + + Marina Bay Sands to Changi Airport + + + Resorts World Sentosa to Vivo City + + +
+ +

Properties

+
+ latLngs | Geographical points. | LatLng[] + color | Stroke color. | String("#3388ff") + weight | Stroke width in pixels. | Number(3) + opacity | Stroke opacity. | Number(1.0) + lineCap | Line cap shape. | String("round") + lineJoin | Line join shape. | String("round") + dashArray | Dash pattern. | String(null) + dashOffset | Dash offset. | String(null) + options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getPolyline() + Returns the underlying Leaflet Polyline object instance. + See https://leafletjs.com/reference.html#polyline +
+
+ \ No newline at end of file diff --git a/src/lib/site-components/Popup.svelte b/src/lib/site-components/Popup.svelte new file mode 100644 index 0000000..d715c55 --- /dev/null +++ b/src/lib/site-components/Popup.svelte @@ -0,0 +1,71 @@ + + + + +
+

Popup Component

+

Basic Usage

+
+ + + + Gardens by the Bay + + + + + Changi Airport + + + +
+ +

Properties

+
+ options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getPopup()Returns the underlying Leaflet Popup object instance. See https://leafletjs.com/reference.html#popup
+
+ + + + \ No newline at end of file diff --git a/src/lib/site-components/Rectangle.svelte b/src/lib/site-components/Rectangle.svelte new file mode 100644 index 0000000..868c935 --- /dev/null +++ b/src/lib/site-components/Rectangle.svelte @@ -0,0 +1,77 @@ + + +
+

Rectangle Component

+

Basic Usage

+
+ + + + Sentosa + Sentosa + + +
+ +

Properties

+
+ latLngBounds | Geographical bounds. | LatLngBounds + color | Stroke color. | String("#3388ff") + weight | Stroke width in pixels. | Number(3) + opacity | Stroke opacity. | Number(1.0) + lineCap | Line cap shape. | String("round") + lineJoin | Line join shape. | String("round") + dashArray | Dash pattern. | String(null) + dashOffset | Dash offset. | String(null) + fill | Fill flag. | Boolean() + fillColor | Fill color. | String("#3388ff") + fillOpacity | Fill opacity. | Number(0.2) + fillRule | Fill rule. | String("evenodd") + options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getRectangle() + Returns the underlying Leaflet Rectangle object instance. + See https://leafletjs.com/reference.html#rectangle +
+
+ \ No newline at end of file diff --git a/src/lib/site-components/ScaleControl.svelte b/src/lib/site-components/ScaleControl.svelte new file mode 100644 index 0000000..deb031b --- /dev/null +++ b/src/lib/site-components/ScaleControl.svelte @@ -0,0 +1,57 @@ + + +
+

ScaleControl Component

+

Basic Usage

+
+ + + + +
+ +

Properties

+
+ position | Position. | String('topright') + options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getScaleControl() + Returns the underlying Leaflet Control.Scale object instance. + See https://leafletjs.com/reference.html#control-scale +
+
+ \ No newline at end of file diff --git a/src/lib/site-components/TileLayer-WMS.svelte b/src/lib/site-components/TileLayer-WMS.svelte new file mode 100644 index 0000000..e1cd124 --- /dev/null +++ b/src/lib/site-components/TileLayer-WMS.svelte @@ -0,0 +1,66 @@ + + + + +
+

TileLayer Component

+

Basic Usage

+
+ + + + +
+ +

Properties

+
+ url | Tile layer URL template. | String + wms | If true, the layer will be created using `L.tileLayer.WMS()`. | Boolean + opacity | Opacity of the tiles. | Number(1.0) + zIndex | Explicit zIndex of the layer. | Number(1) + options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getTileLayer()Returns the underlying Leaflet TileLayer.WMS object instance. See https://leafletjs.com/reference.html#tilelayer-wms
+
+ \ No newline at end of file diff --git a/src/lib/site-components/TileLayer.svelte b/src/lib/site-components/TileLayer.svelte new file mode 100644 index 0000000..cda483b --- /dev/null +++ b/src/lib/site-components/TileLayer.svelte @@ -0,0 +1,57 @@ + + + + +
+

TileLayer Component

+

Basic Usage

+
+ + + +
+ +

Properties

+
+ url | Tile layer URL template. | String + wms | If true, the layer will be created using `L.tileLayer.WMS()`. | Boolean + opacity | Opacity of the tiles. | Number(1.0) + zIndex | Explicit zIndex of the layer. | Number(1) + options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getTileLayer()Returns the underlying Leaflet TileLayer object instance. See https://leafletjs.com/reference.html#tilelayer
+
+ \ No newline at end of file diff --git a/src/lib/site-components/Tooltip.svelte b/src/lib/site-components/Tooltip.svelte new file mode 100644 index 0000000..e3adb40 --- /dev/null +++ b/src/lib/site-components/Tooltip.svelte @@ -0,0 +1,63 @@ + + + + +
+

Tooltip Component

+

Basic Usage

+
+ + + + Gardens by the Bay + Gardens by the Bay + + + + Changi Airport + + + Changi Airport + + + +
+ +

Properties

+
+ options | Options. | Object(undefined) +
+ +

Methods

+ + + + + + + + + + + + + +
NameDescription
getTooltip()Returns the underlying Leaflet Tooltip object instance. See https://leafletjs.com/reference.html#tooltip
+
+ \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 0ff42b0..6fb0c0e 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,5 +1,6 @@ diff --git a/src/routes/+page.js b/src/routes/+page.js index a3d1578..14eb90d 100644 --- a/src/routes/+page.js +++ b/src/routes/+page.js @@ -1 +1,3 @@ export const ssr = false; + +export const prerender = true; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 9c4afe6..b123428 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,43 +1,70 @@ -
- - - - Gardens by the Bay - Gardens by the Bay - - - Changi Airport - Changi Airport - - -
+ -
-

Copyright © 2023 - All right reserved by me

-
- +

Docs

+ +
+ + + + + + + + + + + + + + + + +
diff --git a/static/icons/github.svg b/static/icons/github.svg new file mode 100644 index 0000000..bb7c4ce --- /dev/null +++ b/static/icons/github.svg @@ -0,0 +1,17 @@ + + + + + Github-color + Created with Sketch. + + + + + + + + + + + \ No newline at end of file diff --git a/static/icons/linkedin.svg b/static/icons/linkedin.svg new file mode 100644 index 0000000..6f9ebb0 --- /dev/null +++ b/static/icons/linkedin.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/static/icons/twitter.svg b/static/icons/twitter.svg new file mode 100644 index 0000000..b0a6442 --- /dev/null +++ b/static/icons/twitter.svg @@ -0,0 +1,17 @@ + + + + + \ No newline at end of file diff --git a/static/logo.jpg b/static/logo.jpg new file mode 100644 index 0000000000000000000000000000000000000000..1dd354edb4da3773b88d8b7553bc85567e6f2779 GIT binary patch literal 6069 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 literal 0 HcmV?d00001 diff --git a/svelte.config.js b/svelte.config.js index f363d1d..d92b81f 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -1,4 +1,4 @@ -import adapter from '@sveltejs/adapter-auto'; +import adapter from '@sveltejs/adapter-static'; import { vitePreprocess } from '@sveltejs/kit/vite'; /** @type {import('@sveltejs/kit').Config} */ diff --git a/vite.config.js b/vite.config.js index bbf8c7d..fce9e87 100644 --- a/vite.config.js +++ b/vite.config.js @@ -2,5 +2,5 @@ import { sveltekit } from '@sveltejs/kit/vite'; import { defineConfig } from 'vite'; export default defineConfig({ - plugins: [sveltekit()] + plugins: [sveltekit()], });