====== imapmarkers Plugin - Interactive Example ======

===== Documentation, Syntax, Source Code =====

Github: [[https://github.com/kgitthoene/dokuwiki-plugin-imapmarkers|https://github.com/kgitthoene/dokuwiki-plugin-imapmarkers]]

DokuWiki: [[https://www.dokuwiki.org/plugin:imapmarkers|https://www.dokuwiki.org/plugin:imapmarkers]]


===== 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>

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

Source code:
<code>
{{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>

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

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

[[https://www.openstreetmap.org/copyright|© OpenStreetMap contributors]]

{{imapmarkers>imapmarkers: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": "imapmarkers: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>

Source code:
<code>
{{imapmarkers>imapmarkers: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": "imapmarkers: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>
</code>

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

[[https://www.openstreetmap.org/copyright|© OpenStreetMap contributors]]

{{imapmarkers>imapmarkers: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>

Source code:
<code>
{{imapmarkers>imapmarkers: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>
</code>