|
A route is a line drawn on a map through a set of hotspot markers in a connect-the-dots fashion. You can set the line’s width, color, opacity, and effects. You can also create gaps in the routes to show that the route travels through something opaque. In the sample below, there are gaps in the route where it travels vertically between two floors.
The Art Institute of Chicago's Pathfinder uses MapsAlive routes on the museum's web site and on touch screen kiosks (photo at left) located through the 1 million square foot facility. Visitors touch an art gallery and the map selects from more than 1,200 different routes to show which way to go.
|
The 3D floor plan above was drawn by Slate Roof Studio and is used with permission from The Art Institute of Chicago.
How do I specify the path of a route?
You specify a route's path by listing which hotspots it travels through. You can do this either by passing a list of hotspot Ids to the drawRoute JavaScript API function, or you can import routes from an Excel spreadsheet. Both of these techniques and a lot more are covered in the MapsAlive User Guide for Drawing Routes.
How do I draw a route?
You draw a route by calling the drawRoute JavaScript API function. To learn more, see the MapsAlive User Guide for the JavaScript API and also the MapsAlive User Guide for Drawing Routes.
How do I draw more than one route?
You can draw multiple routes by creating multiple route hotspots and calling the drawRoute function on each. You can see how this works in the first route drawing example in the MapsAlive User Guide for the Drawing Routes.
How do I change the appearance of a route?
You can control the appearance of a route using functions provided in the MapsAlive JavaScript API. The drawRoute function lets you pass parameters to control the thickness of a route, its color, opacity, and effects like shadow or glow. You can also make a route visible or invisible by using the setMarkerHidden function, or even make a route blink by using the setMarkerBlink function. To learn more, see the MapsAlive User Guide for the JavaScript API.
| |
|
