Popmap aims to make it easy to overlay an image with marker 'pins' that can generate popups.
This is still a prototype 'beta' work in progress and will change as it develops. Don't use it for anything important, backup your wikis. Use at your own risk. There is no javascript used, it is all wikitext. All necessary tiddlers are in the sidebar.
Best used on a mobile or tablet, best tested here on this page or with an 'empty' tiddlywiki.
Remember that this demo page will not save any work you do on it. Once you close or refresh the page all edits will be lost. It's for demonstration only.
Help Button - Jed Carty ooktech - https://groups.google.com/g/tiddlywiki/c/64nbwN7VpC4/m/UjCv3oJOCgAJ Help button - Ste - https://groups.google.com/g/tiddlywiki/c/x5lbV7o8vrQ/m/EHIjIbGIAgAJ Showmodal - David Gifford (adapted here as showPop1)
https://giffmex.org/gifts/documenting.tw.html#Modal%20windows Eric Shulman's original Showmodal macro - https://groups.google.com/g/tiddlywiki/c/UMRpPMVuHNY/m/_uGxN6kzCgAJ Change background color - https://groups.google.com/g/tiddlywiki/c/ZLX9WDqBUrQ Conditional styling to links? - https://groups.google.com/g/tiddlywiki/c/i8CCDmXMyKM/m/_vTbZb_XAwAJ CSS custom styles - https://tiddlywiki.com/#Custom%20data-styles CSS custom styles by tag - https://tiddlywiki.com/#How%20to%20apply%20custom%20styles%20by%20tag TonyM - SVG calendar - https://groups.google.com/g/tiddlywiki/c/faqMDt-xY7c TonyM - Editor in view' mode - link needed! Thomas Elmiger - Text stretch - https://tid.li/tw5/hacks.html#TextStretch Thomas Elmiger - Extract - https://tid.li/tw5/hacks.html#%24%3A%2F_telmiger%2Fextract Mohammad Rahmani - kookma - github images help - https://kookma.github.io/Tiddlywiki-and-GitHub-Pages/ help with Github images - https://tomcam.github.io/least-github-pages/adding-images-github-pages-site.html Responsive video iframe - Gregory Gan - https://blog.theodo.com/2018/01/responsive-iframes-css-trick/ Google Groups TW forum - https://groups.google.com/g/tiddlywiki TiddlywikiTalk - new forum - https://talk.tiddlywiki.org/Big thanks to...
Nearly everything 'under the hood' found here that works is based on other peoples hard work. Everything else is mine.
In particular:
popup resources
Some popup links used in making this, very big thanks to the authors:
Welcome to Popmap. Here's how it works:
open a new tiddler, give it a short name. Think of this as your 'project' tiddler.
give it a field, bkground
then
then Save it.