No description
Find a file
2025-11-11 14:53:27 +00:00
src Added eslint and made suggested changes. 2025-11-11 14:53:27 +00:00
.editorconfig Src files et.c. added. 2025-09-12 15:24:19 +01:00
.eslintignore Added eslint and made suggested changes. 2025-11-11 14:53:27 +00:00
.eslintrc Src files et.c. added. 2025-09-12 15:24:19 +01:00
.eslintrc.json Added eslint and made suggested changes. 2025-11-11 14:53:27 +00:00
.gitignore Src files et.c. added. 2025-09-12 15:24:19 +01:00
.npmrc Src files et.c. added. 2025-09-12 15:24:19 +01:00
commands.txt Added eslint and made suggested changes. 2025-11-11 14:53:27 +00:00
Dependencies.md Src files et.c. added. 2025-09-12 15:24:19 +01:00
esbuild.config.mjs Src files et.c. added. 2025-09-12 15:24:19 +01:00
LICENSE Initial commit 2025-07-05 21:25:37 +01:00
manifest.json manifest and readme edits 2025-09-08 19:02:28 +01:00
package-lock.json Added eslint and made suggested changes. 2025-11-11 14:53:27 +00:00
package.json Added eslint and made suggested changes. 2025-11-11 14:53:27 +00:00
README.md Src files et.c. added. 2025-09-12 15:24:19 +01:00
styles.css . 2025-11-11 14:18:07 +00:00
tsconfig.json Added eslint and made suggested changes. 2025-11-11 14:53:27 +00:00
versions.json onunload fixed, MarkdownRenderer.render fixed, vault.modify now vault.process, fixed newContent not assignable to string, started adding component handling for moc blocks. 2025-11-10 11:20:41 +00:00

THIS PLUGIN IS IN BETA! It is my first plugin so take with a pinch of salt. Any bugs, please report it on the git repository, thank you!

This is a plugin for creating simple Maps of Content, with a background image, using new 'MOC Block' code blocks.


How the Plugin Works

  1. Click the ribbon icon.
  2. Choose an image, and click 'insert'.
  3. A 'moc block' code block is created, using the syntax below. This will render your chosen image into obsidian.
  4. In editor mode, you can click one of two buttons:   - Add pin: clicking on the image now drops a pin on the image, and allows you to edit the pin attributes (label, link) within a popup.   - Add polyline: allows you to draw a polygon on the image, within which will be clickable. Polygon attributed are added in the popup.
  5. Each marker (pin or polygon) has a marker style attributed to it. You can add, change, or delete marker styles in the plugin settings. NOTE: If a previously used marker style is deleted, any markers which used that style will revert to the default style (light green), until changed or another marker with the same name is added in settings again.

The Syntax

``` moc
image: Image1.png
moc_id: [AUTOMATICALLY GENERATED]
image_width: [Image Px width, AUTOMATICALLY GENERATED]
```

Known issues


Inspiration

  • This plugin is inspired in part by the excellent leaflet plugin, which allows a similar interface specific to maps. Check out that plugin to see if they have better features for your use case!

Support

If you feel you would like to support my work (thank you!), please buymeacoffee.