Friday, December 22nd, 2006
WYSIWYG Imagemap Creator
Simon Brüchner has created an Ajax WYSIWYG Imagemap Creator using Prototype, Scriptaculous, JavaScript Vectorgraphics Library, dp.SyntaxHighlighter, YUI Reset CSS, and YUI Fonts CSS.
As you build the image map with clicks, you see the HTML for it generate on the fly.





4.6 rating from 40 votes
Great tool. I use a combination of dynamic images and imagemaps pulled down via ajax with an app I am working on and this would be a great dev tool for creating the area templates used for certain parts of the images.
One thing : it would be nice to cancel a shape in the middle, say if you accidently started making one.
I’m sorry but that’s not very impressive. All those 3rd party scripts… slow as ****.
Here is another one, a bit better:
http://www.maschek.hu/imagemap
Maybe not the most logical gui, but a lot better than the article posted here. Using some script from Google I think.
What with ppl not writing their own code nowdays? It’s the only way to improve yourself and be creative about new ideas to solve problems. Nothing wrong with getting inspiration from others, but always ask yourself, is there a better way of solving this?
It fails at times.
Well, I bet 1997 will be excited.
Word to that. Why the heck would someone bother to create an image map HTML generator in this day and age? What a horrible use of time.
lol, great comments. can’t blame a guy for trying though.
actually, this is something I needed… I have a ticket system I’ve written where I display a graphic of the venue to the customer, but the admin has to have a way of specifying a section of this graphic as a link to a ticket section. this fit the bill PERFECTLY. ty.
a bit bugy yeah and compared to http://www.maschek.hu/imagemap its nothing, but I need something like it, directly in a CMS system..so that way its cool…:-)
@Mario & @Don:
The difference between http://www.maschek.hu/imagemap and http://www.kolchose.org/simon/ajaximagemapcreator/:
maschek.hu works on:
IE 5/6, FF 1.5
http://www.kolchose.org works on:
Gecko-Browsers, IE 4, 5 and 6, Netscape 4, Opera 5, 6 and 7, Safari and even IE on Mac
The technical concept isn’t based on canvas it’s based on dynamically created divs, so almost every browser is suported. See http://walterzorn.com/jsgraphics/jsgraphics_e.htm#performance for details.
Another html image map creator which i often use can be found at:
http://www.mobilefish.com/services/image_map/image_map.php
It is ajax based and works on IE7 and FF 2.0