No description
Find a file
2025-09-08 18:23:28 +01:00
LICENSE Initial commit 2025-07-05 21:25:37 +01:00
main.js Version 1 Commit 2025-09-08 18:23:28 +01:00
manifest.json Version 1 Commit 2025-09-08 18:23:28 +01:00
README.md Version 1 Commit 2025-09-08 18:23:28 +01:00
styles.css Version 1 Commit 2025-09-08 18:23:28 +01: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

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! https://github.com/javalent/obsidian-leaflet

Support

If you feel you would like to support my work (thank you!), please head over to my buymeacoffee page: https://buymeacoffee.com/nebulousnessie