Both sides previous revisionPrevious revision | |
imapmarkers:life-example [2023/04/07 14:45] – admin | imapmarkers:life-example [2023/04/07 15:07] (current) – removed kgitthoene |
---|
====== Image Map Plugin With Marker ====== | |
| |
===== Documentation, Syntax, Source Code ===== | |
| |
DokuWiki: [[https://www.dokuwiki.org/plugin:imapmarkers|https://www.dokuwiki.org/plugin:imapmarkers]] | |
| |
Github: [[https://github.com/kgitthoene/dokuwiki-plugin-imapmarkers|github.com/kgitthoene/dokuwiki-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> | |
| |
++ Continents |\\ {{imapmloc>CON1|Asia}}\\ {{imapmloc>CON2|Africa}} \\ {{imapmloc>CON3|North America}} \\ {{imapmloc>CON4|South America}} \\ {{imapmloc>CON5|Antarctica}} \\ {{imapmloc>CON6|Europe}} \\ {{imapmloc>CON7|Australia}} \\ ++ | |
| |
(Folded continent list. Made by [[https://www.dokuwiki.org/plugin:folded|Folded Plugin]].) | |
| |
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> | |
| |
++ Continents |\\ {{imapmloc>CON1|Asia}}\\ {{imapmloc>CON2|Africa}} \\ {{imapmloc>CON3|North America}} \\ {{imapmloc>CON4|South America}} \\ {{imapmloc>CON5|Antarctica}} \\ {{imapmloc>CON6|Europe}} \\ {{imapmloc>CON7|Australia}} \\ ++ | |
| |
(Folded continent list. Made by [[https://www.dokuwiki.org/plugin:folded|Folded Plugin]].) | |
</code> | |
| |
===== Map with Media-Link Marker ===== | |
| |
{{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 ===== | |
| |
{{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> | |
| |