User:Voludu2/How to make an imagemap for a mapraid View history

(clean it up)
(space, not "<space>")
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[File:HowToMakeAnImagemap.png|thumb|400px]]
Here's how to make an imagemap:
Here's how to make an imagemap:
[[File:HowToMakeAnImagemap.png|thumb]]


* Upload the image to the wiki.
* Upload the image to the wiki.
* Right click on "original image" and copy image URL
* Right click on "original image" and copy image URL
* Go to [//www.maschek.hu/imagemap/imgmap the online imagemap editor]
* Go to [http://www.maschek.hu/imagemap/imgmap the online imagemap editor]
* In the '''OR an image on the Internet'' box,past the image URL and hit the accept on that line.
* In the '''OR an image on the Internet'' box,past the image URL and hit the accept on that line.
* Select "wiki imagmap"
* Select "wiki imagmap"
Line 12: Line 12:
** replace all [[ with [
** replace all [[ with [
** replace all |]] with ]
** replace all |]] with ]
** replace all | with " "
** replace all | with a single space
** replace all ]] with ]
** replace all ]] with ]
* Correct the image. <br/>It says something like <nowiki>https://wiki.waze.com/wiki/images/0/0f/HowToMakeAnImagemap.png</nowiki>. <br/>You want it to say Image:HowToMakeAnImagemap.png
* Correct the image. <br/>It says something like <nowiki>https://wiki.waze.com/wiki/images/0/0f/HowToMakeAnImagemap.png</nowiki>. <br/>You want it to say Image:HowToMakeAnImagemap.png
** Use parameters you would use with any image link.  
** Use parameters you would use with any image link.  
**Use thumb or frameless if you want to control size
**Use thumb or frameless if you want to control size

Latest revision as of 20:33, 6 April 2018

Here's how to make an imagemap:

  • Upload the image to the wiki.
  • Right click on "original image" and copy image URL
  • Go to the online imagemap editor
  • In the 'OR an image on the Internet box,past the image URL and hit the accept on that line.
  • Select "wiki imagmap"
  • Start drawing
  • When you are done, copy everything out of the box into a simple editor like notepad
  • Starting at the first rectangle or polygon
    • replace all [[ with [
    • replace all |]] with ]
    • replace all | with a single space
    • replace all ]] with ]
  • Correct the image.
    It says something like https://wiki.waze.com/wiki/images/0/0f/HowToMakeAnImagemap.png.
    You want it to say Image:HowToMakeAnImagemap.png
    • Use parameters you would use with any image link.
    • Use thumb or frameless if you want to control size