Posted by & filed under Recent News.

Maps and Location-related Data with KoolMap

We’re happy to release the version 3.0 of KoolMap. KoolMap is a tool that displays interactive SVG maps with showing the location-related data on the web and has many features designed specifically for interactive maps and data visualization.

The Free trial is ready to be downloaded, Once you download KoolMap, you can install it on the web server or your local machine. Just extract the archive into the folder you want, and open index.html in your web browsers, then you will see many useful samples. You can create your own Map Charts easily using the samples, and you just need to include a link to the library file (KoolMap.js) and the license file (KoolMapLicense.js) in the web page.

You will be able to find free SVG maps from internet resources, such as Wikipedia:Blank maps, but if you will not be able to get your country map, please send a request email to Technical Support. We provide a country map to KoolMap customers free of charge.


Drilling down to the sub-region map
You can drill down to the sub-region map by clicking the region. Coloring and labeling maps, changing colors and mouse pointers when the user mouse overs the region on the map are supported in KoolMap.

Drill-Down Demo


Styling the map and controlling the interaction of the map
The CSS styles are used to display fonts, colors and the border style. Coloring and labeling regions and noticeable objects in the map can be manipulated with the XML-formatted Layout. The gradient effect ( Linear, Radial ) can be built over the map.

Styling Demo


Image, panel, bubble, plot and <DIV> element on the map
Displaying noticeable objects, such as plots, panels, bubbles and images on the map is an excellent feature to distinguish the specific region on the map.

Plot Series Demo

Panel Series Demo

Bubble Series Demo

DIV Series Demo


Route, spark column, and spark pie on the map
You can connect with the route from a region to a region, and the Spark chart ( a simple and condensed graph ) displays trends or variations for each region.

Route Series Demo

Spark Series Demo


Legend in the map chart
Legend can be located at the top, bottom, left and right of the chart, and you can click the Checkbox to show/hide the items.

Legend Demo


Navigator, Crosshairs, and the user-defined Label
The zooming feature enables the user to enlarge the certain area of the chart, and displaying the mouse pointer as crosshairs is a convenient way to locate a particular point on the chart. You can also zoom in/out and moving the chart to left, right, up or down by clicking the Map Navigator. The user-defined tooltips and labels can be displayed using the JavaScript function.

Navigator Demo

Zoom Demo

User-defined Label Demo


Samples for Non-Geographic Maps
KoolMap can display not only Geographic Maps but also Non-Geographic Maps, such as airplane seat map, auditorium seat map, building floor plans, etc.

Airline Seat Demo

Building Map Demo

Theater Seat Reservation Demo