Next
Update
Prev

The Route series in KoolMap can be used to put the routing information on the map. You need to define <MapRouteSeries> in the Layout. This example demonstrates how to draw the route of the airline on the world map.

The slope of the line and the rotation value of the image can be adjusted.

...
<series>
  ...				
  <MapRouteSeries ... imageUrlField="imgurl" ... >
    ...
  </MapRouteSeries>
</series>
					...

<MapRouteSeries Properties>

dashed Whether or not to display the dashed line for the route.
weight This property is to set the line thickness of the route.
fromCodeField This property is to set the field name for the beginning point of the route.
toCodeField This property is to set the field name for the end point of the route.
labelField This property is to set the field name for the label to be displayed on the route.
fromHCenterGapField This property is to set the field name for the horizontal gap of the beginning point of the route.
fromVCenterGapField This property is to set the field name for the vertical gap of the beginning point of the route.
toHCenterGapField This property is to set the field name for the horizontal gap of the end point of the route.
toVCenterGapField This property is to set the field name for the vertical gap of the end point of the route.
labelHCenterGapField This property is to set the field name for the horizontal gap of the label.
labelVCenterGapField This property is to set the field name for the vertical gap of the label.
curveField This property is to set the field name for the inclination of the curved line (route).
lineColor This property is to set the color of the route.
alpha This property is to set the transparency.
rollOverColor This property is to set the color of the route when the user rolls over the route.

© 2017 KoolChart. All rights reserved.