diff options
-rw-r--r-- | src/dumbymap.mjs | 10 | ||||
-rw-r--r-- | src/editor.mjs | 13 |
2 files changed, 18 insertions, 5 deletions
diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs index 35a4614..593875e 100644 --- a/src/dumbymap.mjs +++ b/src/dumbymap.mjs | |||
@@ -111,11 +111,17 @@ export const markdown2HTML = (container, mdContent) => { | |||
111 | * | 111 | * |
112 | * @param {HTMLElement} container - The container element for the maps | 112 | * @param {HTMLElement} container - The container element for the maps |
113 | * @param {Object} options - Configuration options | 113 | * @param {Object} options - Configuration options |
114 | * @param {string} options.crs - CRS in EPSG/ESRI code, see epsg.io | ||
114 | * @param {number} [options.delay=1000] - Delay before rendering maps (in milliseconds) | 115 | * @param {number} [options.delay=1000] - Delay before rendering maps (in milliseconds) |
115 | * @param {Function} options.mapCallback - Callback function to be called after map rendering | 116 | * @param {Function} options.mapCallback - Callback function to be called after map rendering |
116 | */ | 117 | */ |
117 | export const generateMaps = (container, { layouts = [], delay, renderCallback } = {}) => { | 118 | export const generateMaps = (container, { |
118 | /** Prepare Contaner/HTML Holder/Showcase */ | 119 | crs = 'EPSG:4326', |
120 | layouts = [], | ||
121 | delay, | ||
122 | renderCallback, | ||
123 | } = {}) => { | ||
124 | /** Prepare Contaner/HTML-Holder/Showcase */ | ||
119 | container.classList.add('Dumby') | 125 | container.classList.add('Dumby') |
120 | delete container.dataset.layout | 126 | delete container.dataset.layout |
121 | container.dataset.layout = defaultLayouts[0].name | 127 | container.dataset.layout = defaultLayouts[0].name |
diff --git a/src/editor.mjs b/src/editor.mjs index 04c0502..e12073f 100644 --- a/src/editor.mjs +++ b/src/editor.mjs | |||
@@ -14,15 +14,20 @@ import LeaderLine from 'leader-line' | |||
14 | */ | 14 | */ |
15 | 15 | ||
16 | // Set up Containers {{{ | 16 | // Set up Containers {{{ |
17 | /** Variables about dumbymap and editor **/ | 17 | |
18 | /** Variables: page */ | ||
18 | const url = new URL(window.location) | 19 | const url = new URL(window.location) |
20 | const pageParams = url.searchParams | ||
21 | const crs = pageParams.get('crs') ?? 'EPSG:4326' | ||
22 | |||
23 | /** Variables: dumbymap and editor **/ | ||
19 | const context = document.querySelector('[data-mode]') | 24 | const context = document.querySelector('[data-mode]') |
20 | const dumbyContainer = document.querySelector('.DumbyMap') | 25 | const dumbyContainer = document.querySelector('.DumbyMap') |
21 | dumbyContainer.dataset.scrollLine = '' | 26 | dumbyContainer.dataset.scrollLine = '' |
22 | const textArea = document.querySelector('.editor textarea') | 27 | const textArea = document.querySelector('.editor textarea') |
23 | let dumbymap | 28 | let dumbymap |
24 | 29 | ||
25 | /** Variables about Reference Style Links in Markdown */ | 30 | /** Variables: Reference Style Links in Markdown */ |
26 | const refLinkPattern = /\[([^\x5B\x5D]+)\]:\s+(\S+)(\s["'](\S+)["'])?/ | 31 | const refLinkPattern = /\[([^\x5B\x5D]+)\]:\s+(\S+)(\s["'](\S+)["'])?/ |
27 | let refLinks = [] | 32 | let refLinks = [] |
28 | 33 | ||
@@ -516,7 +521,9 @@ const menuForEditor = (event, menu) => { | |||
516 | const updateDumbyMap = (callback = null) => { | 521 | const updateDumbyMap = (callback = null) => { |
517 | markdown2HTML(dumbyContainer, editor.value()) | 522 | markdown2HTML(dumbyContainer, editor.value()) |
518 | // debounceForMap(dumbyContainer, afterMapRendered) | 523 | // debounceForMap(dumbyContainer, afterMapRendered) |
519 | dumbymap = generateMaps(dumbyContainer) | 524 | dumbymap = generateMaps(dumbyContainer, { |
525 | crs, | ||
526 | }) | ||
520 | // Set onscroll callback | 527 | // Set onscroll callback |
521 | const htmlHolder = dumbymap.htmlHolder | 528 | const htmlHolder = dumbymap.htmlHolder |
522 | htmlHolder.onscroll = updateScrollLine(htmlHolder) | 529 | htmlHolder.onscroll = updateScrollLine(htmlHolder) |