Widget:HtmlImageMap: Difference between revisions

From sandbox
Jump to navigation Jump to search
← Older editNewer edit →
Gfc (talk | contribs)
Bureaucrats, sandbox-editors, Administrators, Widget editors
2,219 edits
No edit summary
Gfc (talk | contribs)
Bureaucrats, sandbox-editors, Administrators, Widget editors
2,219 edits
No edit summary
Line 1: Line 1:
<noinclude>
<noinclude>
This widget maps coordinates cleanly without breaking standard wiki variables.
This widget hardcodes the entire Sandbox floor plan map to bypass strict wiki template variables.
Usage:
Usage on your wiki page: {{#widget:HtmlImageMap}}
{{#widget:HtmlImageMap
|image=YourImageFileName.png
|width=960
|mapname=sandboxmap
|areas=<area shape="rect" coords="300,90,460,260" href="https://sandbox.umd.edu" title="Electronics">
}}
</noinclude>
</noinclude>
<includeonly>
<includeonly>
<!-- Dynamically grab your wiki image file path -->
<!-- Note the '#' added to usemap below so the browser can find the coordinate IDs -->
<img src="https://sandbox.umd.edu/wiki/images/thumb/f/f9/SandboxFloorPlan-Studios.jpg/800px-SandboxFloorPlan-Studios.jpg" width="800" usemap="SandboxFloorplanMap" alt="Makerspace Map">
<img src="https://sandbox.umd.edu/wiki/images/thumb/f/f9/SandboxFloorPlan-Studios.jpg/800px-SandboxFloorPlan-Studios.jpg" width="800" usemap="#SandboxFloorplanMap" alt="Makerspace Map">


<map name="SandboxFloorplanMap">
<map name="SandboxFloorplanMap">
<area shape="rect" coords="300,90,460,260" href="https://sandbox.umd.edu" title="Electronics">
  <area shape="rect" coords="245,38,365,148" href="https://umd.edu" title="Electronics">
<area shape="rect" coords="465,115,595,280" href="https://sandbox.umd.edu" title="Crafting">
  <area shape="rect" coords="382,58,482,170" href="https://umd.edu" title="Crafting">
<area shape="rect" coords="570,135,705,305" href="https://sandbox.umd.edu" title="Sewing">
  <area shape="rect" coords="472,72,572,180" href="https://umd.edu" title="Sewing">
<area shape="rect" coords="335,335,465,480" href="https://sandbox.umd.edu" title="Office">
  <area shape="rect" coords="275,198,375,293" href="https://umd.edu" title="Office">
<area shape="rect" coords="325,495,455,640" href="https://sandbox.umd.edu" title="Prototyping Laser Cutting">
  <area shape="rect" coords="265,295,365,385" href="https://umd.edu" title="Prototyping Laser Cutting">
<area shape="rect" coords="455,475,560,630" href="https://sandbox.umd.edu" title="Prototyping 3D Printing">
  <area shape="rect" coords="360,282,450,382" href="https://umd.edu" title="Prototyping 3D Printing">
<area shape="rect" coords="405,705,535,855" href="https://sandbox.umd.edu" title="CNC"></map>
  <area shape="rect" coords="330,440,430,545" href="https://umd.edu" title="CNC">
</map>
</includeonly>
</includeonly>

Revision as of 23:18, 13 October 2026

This widget hardcodes the entire Sandbox floor plan map to bypass strict wiki template variables. Usage on your wiki page: Makerspace Map


Retrieved from "https://sandbox.umd.edu/wiki/index.php?title=Widget:HtmlImageMap&oldid=3356"