Skip Navigation LinksHome > Tools > X-Map Editor   |  Contact  

Make payments with PayPal - it's fast, free and secure!

X-Map: Free Html Map Editor.

XMapEditorLogo Editor for creating Html Maps, some of the features include:
  • Support for all area shapes (circle, rectangle and polygon)
  • WYSIWYG editor with Source View
  • Zoom
  • Dynamic Selection
  • Dragging/Resizing
  • Print support
  • Grid Lines
  • Snap To Grid
  • and many more...

Free Download:

Please send me any comments, bug reports or feature requests you have to me@carlosag.net. This is the first version of the application and I am sure there is plenty of room for improvement.

Click Here to Start Download


Number of Downloads: 18
I'm constantly making updates to the applications fixing bugs and adding features, so if you want to know when a new release is dropped, send an email to updates@carlosag.net and I will send you an email when a new update is ready.

History:


v1.0.0.1 Released: 01/31/2004
  • Added new powerful feature that allows polygons to move the points arbitrarily with the mouse.
  • For this, just use the new "blue" marks that are shown in each of the points.
  • This small blue mark is also included in the center of the Circle HotSpot to facilitate positioning.
  • Added new feature so dragging shapes can be canceled by pressing ESC
  • Added new feature that highlights shapes as you hover over them to facilitate location
  • Added new feature to show the markup of the shape as the tooltip of the graphic
  • Here is a small preview of the application.

    X-Map window
    Figure 1: X-Map window.

    How to Use

    Cool to try

    Try this sample, just paste the code in the Source View. Image can be downloaded from: MSDN: Solar System
               <html>
                    
    <head></head>
                    
    <body>
                    
    <p><img src="solarsys.gif" width=504 height=126 border=0 
                        usemap
    ="#SystemMap" alt="Solar System" >
                    
    <map name="SystemMap">
                        
    <area shape="rect" COORDS="0,0,82,126" 
                            href
    ="http://msdn.microsoft.com/workshop/graphics/sun.gif">
                        
    <area shape="circle" COORDS="90,58,3" 
                            href
    ="http://msdn.microsoft.com/workshop/graphics/merglobe.gif">
                        
    <area shape="circle" COORDS="124,58,8" 
                            href
    ="http://msdn.microsoft.com/workshop/graphics/venglobe.gif">
                        
    <area shape="circle" COORDS="162,58,10" 
                            href
    ="http://msdn.microsoft.com/workshop/graphics/earglobe.gif">
                        
    <area shape="circle" COORDS="203,58,8" 
                            href
    ="http://msdn.microsoft.com/workshop/graphics/marglobe.gif">
                        
    <area shape="poly" 
                            COORDS
    ="221,34,238,37,257,32,278,44,284,60,281,75,
                                288,91,267,87,253,89,237,81,229,64,228,54"
     
                            href
    ="http://msdn.microsoft.com/workshop/graphics/jupglobe.gif">
                        
    <area shape="poly" 
                            COORDS
    ="288,19,316,39,330,37,348,47,351,66,349,74,
                                367,105,337,85,324,85,307,77,303,60,307,50"
     
                            href
    ="http://msdn.microsoft.com/workshop/graphics/satglobe.gif">
                        
    <area shape="poly" 
                            COORDS
    ="405,39,408,50,411,57,410,71,404,78,393,80,
                                383,86,381,75,376,69,376,56,380,48,393,44"
     
                            href
    ="http://msdn.microsoft.com/workshop/graphics/uraglobe.gif">
                        
    <area shape="poly" 
                            COORDS
    ="445,38,434,49,431,53,427,62,430,72,435,77,
                                445,92,456,77,463,72,463,62,462,53,455,47"
     
                            href
    ="http://msdn.microsoft.com/workshop/graphics/nepglobe.gif">
                        
    <area shape="circle" COORDS="479,66,3" 
                            href
    ="http://msdn.microsoft.com/workshop/graphics/pluglobe.gif">
                    
    </map>
                    
    </body>
                    
    </html>

    Carlos Aguilar Mares © 2008