|   Contact  

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: <%= string.Format("{0}", Globals.Downloads["XMap.zip"]) %>
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

    • Just copy the files in the zip file to a folder.
    • Open X-Map.exe
    • You can open an existing html map or drag it from Windows Explorer to the Source View
    • You can then modify the hotspots using the Source View, or Property Grid or by dragging/resizing them using the Preview Window
    • You can add more hot spots by using the Toolbox and load an image to adjust the correct coordinates.

    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 © 2017