Image Map Plugin With Marker

About

Documentation and Code: github.com/kgitthoene/dokuwiki-plugin-imapmarkers.

Map with Internal Marker

Bowen Map of the World, 1744

Continents
Asia
Africa
North America
South America
Antarctica
Europe
Australia

Map with Media-Link Marker

Part of Central Park

Arthur Ross Pinetum | Diana Ross Playground | Seneca Village | Summit Rock ← CLICK HERE!

Map with External URL Marker

Tompkins Square Park

Tompkins Square Pool | Pets Playground ← CLICK HERE!

This Page Source

====== Map with Internal Marker ======

{{imapmarkers>imapmarkers:1744_bowen_map_of_the_world_in_hemispheres_-_geographicus_-_world-bowen-1744_-_600x.jpg|Bowen Map of the World, 1744}}
[[https://en.wikipedia.org/wiki/Asia|CON1|Asia @ 456,116,30]]
[[https://en.wikipedia.org/wiki/Africa|CON2|Africa @ 358,167,30]]
[[https://en.wikipedia.org/wiki/North_America|CON3|North America @ 166,134,30]]
[[https://en.wikipedia.org/wiki/South_America|CON4|South America @ 222,210,30]]
[[https://en.wikipedia.org/wiki/Antarctica|CON5|Antarctica @ 152,324,30]]
[[https://en.wikipedia.org/wiki/Europe|CON6|Europe @ 381,110,30]]
[[wp>Australia|CON7|Australia @ 510,232,30]]
[[wp>Australia|Australia II @ 510,232,60]]
[[|Australia III @ 510,232,90]]
{{cfg>}}
  {
    "marker-color": "red",
    "clicked-reference-css": { "font-weight": "bold", "color": "red" },
    "area-fillColor": "ff0000",
    "area-fillOpacity": 0.2
  }
{{<cfg}}
{{<imapmarkers}}

{{imapmloc>CON1|Asia}} |
{{imapmloc>CON2|Africa}} |
{{imapmloc>CON3|North America}} |
{{imapmloc>CON4|South America}} |
{{imapmloc>CON5|Antarctica}} |
{{imapmloc>CON6|Europe}} |
{{imapmloc>CON7|Australia}}
<wrap hi>**<- CLICK HERE!**</wrap>

++ Continents |\\ {{imapmloc>CON1|Asia}}\\ {{imapmloc>CON2|Africa}} \\ {{imapmloc>CON3|North America}} \\ {{imapmloc>CON4|South America}} \\ {{imapmloc>CON5|Antarctica}} \\ {{imapmloc>CON6|Europe}} \\ {{imapmloc>CON7|Australia}} \\ ++

====== Map with Media-Link Marker ======

{{imapmarkers>imagemapping:part_of_central_park.png|Part of Central Park}}
[[imapmarkers:start|CP001| Seneca Village @ 329,132,30]]
[[imapmarkers:start|CP002| Arthur Ross Pinetum @ 490,222,30]]
[[imapmarkers:start|CP003| Diana Ross Playground @ 99,364,30]]
[[imapmarkers:start|CP004| Summit Rock @ 152,247,213,283]]
{{cfg>}}
  {
    "marker": "imagemapping:marker.002.png",
    "marker-width": 20,
    "marker-height": 32
  }
{{<cfg}}
{{<imapmarkers}}

{{imapmloc>CP002| Arthur Ross Pinetum }} |
{{imapmloc>CP003| Diana Ross Playground }} |
{{imapmloc>CP001| Seneca Village }} |
{{imapmloc>CP004| Summit Rock }}
<wrap hi>**<- CLICK HERE!**</wrap>

====== Map with External URL Marker ======

{{imapmarkers>imagemapping:tompkins_square_park.png|Tompkins Square Park}}
[[imapmarkers:start|TS01| Tompkins Square Pool @ 357,180,15]]
[[imapmarkers:start|TS02| Pets Playground @ 311,206,365,232,348,256,301,222]]
{{cfg>}}
  {
    "marker": "https://upload.wikimedia.org/wikipedia/commons/f/f2/678111-map-marker-512.png",
    "marker-width": 32,
    "marker-height": 32
  }
{{<cfg}}
{{<imapmarkers}}

{{imapmloc>TS01| Tompkins Square Pool }} |
{{imapmloc>TS02| Pets Playground }}
<wrap hi>**<- CLICK HERE!**</wrap>