3 files changed, 14 insertions, 23 deletions

diff --git a/src/MenuItem.mjs b/src/MenuItem.mjs
index 1b58e0b..dbe984f 100644
--- a/src/MenuItem.mjs
+++ b/src/MenuItem.mjs
@@ -9,9 +9,9 @@ export class Item extends window.HTMLDivElement {
   /**
    * constructor.
    *
-   * @param {}
+   * @param {Object}
    */
-  constructor ({ text, innerHTML, onclick, style, className, onmouseover }) {
+  constructor ({ text, innerHTML, onclick, style, className }) {
     super()
     this.innerHTML = innerHTML ?? text
     this.onclick = onclick
@@ -342,3 +342,9 @@ export const toggleMapFocus = map =>
     text: 'Toggle Focus',
     onclick: () => map.classList.toggle('focus')
   })
+
+export const getCoordinatesByPixels = (map, xy) =>
+  new Item({
+    text: 'Get Coordinates',
+    onclick: () => console.log(map.renderer.unproject(xy))
+  })
diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index e1bf220..512409b 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -2,13 +2,13 @@ import MarkdownIt from 'markdown-it'
 import MarkdownItAnchor from 'markdown-it-anchor'
 import MarkdownItFootnote from 'markdown-it-footnote'
 import MarkdownItFrontMatter from 'markdown-it-front-matter'
+import MarkdownItInjectLinenumbers from 'markdown-it-inject-linenumbers'
 import { renderWith, defaultAliases, parseConfigsFromYaml } from 'mapclay'
 import { onRemove, animateRectTransition, throttle, shiftByWindow } from './utils'
 import { Layout, SideBySide, Overlay } from './Layout'
 import * as utils from './dumbyUtils'
 import * as menuItem from './MenuItem'
 import PlainModal from 'plain-modal'
-import markdownItInjectLinenumbers from 'markdown-it-inject-linenumbers'
 
 const mapBlockSelector = 'pre:has(.language-map)'
 const docLinkSelector = 'a[href^="#"][title^="=>"]'
@@ -46,7 +46,7 @@ export const markdown2HTML = (container, mdContent) => {
     })
     .use(MarkdownItFootnote)
     .use(MarkdownItFrontMatter)
-    .use(markdownItInjectLinenumbers)
+    .use(MarkdownItInjectLinenumbers)
 
   // Create links with geo scheme
   const coordinateRegex = /^(\D*)(-?\d+\.?\d*)\s*([,\x2F\uFF0C])\s*(-?\d+\.?\d*)/g
@@ -106,9 +106,10 @@ export const markdown2HTML = (container, mdContent) => {
  * generateMaps.
  *
  * @param {HTMLElement} container -- Target Element contains HTML contents
- * @param {Object} dumbymap -- Include and Elements and Methods about managing contents
+ * @param {Number} options.delay -- delay of map generation, milliseconds
+ * @return {Object} dumbymap -- Include and Elements and Methods about managing contents
  */
-export const generateMaps = (container, { delay, mapCallback }) => {
+export const generateMaps = (container, { delay } = {}) => {
   container.classList.add('Dumby')
   container.removeAttribute('data-layout')
   container.setAttribute('data-layout', layouts[0].name)
@@ -296,9 +297,6 @@ export const generateMaps = (container, { delay, mapCallback }) => {
       attributeOldValue: true
     })
     onRemove(mapElement, () => observer.disconnect())
-
-    // Execute callback from caller
-    mapCallback?.call(this, mapElement)
   }
 
   // Set unique ID for map container
diff --git a/src/editor.mjs b/src/editor.mjs
index 5409c3f..9fe9e75 100644
--- a/src/editor.mjs
+++ b/src/editor.mjs
@@ -244,21 +244,8 @@ new window.MutationObserver(() => {
   attributeFilter: ['data-scroll-line']
 })
 
-/**
- * afterMapRendered. Callback of map rendered
- *
- * @param {HTEMLElement} map
- */
-const afterMapRendered = map => {
-  console.info(map)
-  // mapHolder.oncontextmenu = (event) => {
-  //   event.preventDefault()
-  //   const lonLat = mapHolder.renderer.unproject([event.x, event.y])
-  //   // TODO...
-  // }
-}
 markdown2HTML(dumbyContainer, editor.value())
-dumbymap = generateMaps(dumbyContainer, afterMapRendered)
+dumbymap = generateMaps(dumbyContainer)
 
 /**
  * addClassToCodeLines. Quick hack to style lines inside code block