feat: set "sticky" as one of default layouts

* move function addDraggable() into module scope
* showcase in sticky layout is draggable now
* add query paramerter for "use"
* FIX: set initialLayout after observer is set

1 files changed, 3 insertions, 2 deletions

diff --git a/addon/index.mjs b/addon/index.mjs
index b5d71ba..77716b6 100644
--- a/addon/index.mjs
+++ b/addon/index.mjs
@@ -1,4 +1,5 @@
 const url = new URL(window.location)
+const use = url.searchParams.get('use')
 if (url.host === 'www.ptt.cc') {
   const content = document.querySelector('#main-content')
   Array.from(content.childNodes)
@@ -22,7 +23,7 @@ const addBlocks = blockSelector
   : undefined
 
 const simpleRender = window.mapclay.renderWith(config => ({
-  use: 'Leaflet',
+  use: use ?? 'Leaflet',
   width: '100%',
   height: '200px',
   XYZ: 'https://tile.openstreetmap.jp/styles/osm-bright/512/{z}/{x}/{y}.png',
@@ -36,7 +37,7 @@ const simpleRender = window.mapclay.renderWith(config => ({
 window.generateMaps(document.querySelector('main') ?? document.body, {
   crs: url.searchParams.get('crs') ?? 'EPSG:4326',
   addBlocks,
-  initialLayout: '',
+  initialLayout: 'sticky',
   render: simpleRender,
   autoMap: true,
 })