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

(step 1)
 
(space, not "<space>")
 
(3 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:
http://i.imgur.com/Ta6Rzft.png?1


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 ....
* 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 .... web, past the image URL and hit the accept on that line
* Select "wiki imagmap"
select "wiki imagmap"
* Start drawing
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
when you are done, copy everything out of the box into a simple editor like notepad
** replace all [[ with [
 
** replace all |]] with ]
starting at the first rectangle or polygon
** 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
replace all |]] with ]
** Use parameters you would use with any image link.  
replace all | with " "
**Use thumb or frameless if you want to control size
replace all ]] with ]
 
Correct the image.
Use parameters you would use with any image link. 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