div image overlay
- simple plugin with fast load time
- setup by adjusting left and top in inspector and pasting values for x and y in shortcode.
- limited precision for marker placement (1%)
- use css theme override to adjust marker colour and radius
- typo in plugin code (escp_attr > esc_attr) must be corrected to use class shortcode tag…
leaflet-js with embedded image and clickable markers / hotspots
- leaflet-js is built for embedding interactive maps – example below
- can be used to embed images also (above)
- overlays with markers or hotspots, which can be clickable
- don’t forget the closing tags for empty leaflet markers
- use a draggable marker to work out marker positions. Then copy and paste from inspector into shortcode