Next
Update
Prev

The Plot series in KoolMap can be used to draw plot symbols on the map. You need to define <MapPlotSeries> in the Layout. This example demonstrates how to draw circles and triangles on the map.

...
<series>
  ...				
  <MapPlotSeries id="plot1" ... >
    ...
  </MapPlotSeries>
  <MapPlotSeries id="plot2" ... itemRenderer="TriangleItemRenderer" >
    ...
  </MapPlotSeries>
</series>
...

<MapPlotSeries Properties>

adjustedRadius This property is to set the number of pixels to be increased when the user selects or rolls over the region (default value : 2).
alpha This property is to set the transparency (default value : 1).
areaCodeField This property is to set the field name of the region code. (default value : code).
fill This property is to set the fill color.
fillJsFunction This property is to set the JavaScript function to be called to return the user-defined color for the mark.
filters This property is to set the filter to be applied to the series.
hideDataEffect This property is to set the effect to be applied when the image of the region disappears.
horizontalCenterGapField This property is to set the field name of the data provider which sets the horizontal offset of the center point.
interactive Whether or not to react to the user’s mouse operation (true, false, default value : true).
itemRenderer This property is to set the renderer of the plot (CircleItemRenderer, TriangleItemRenderer, BoxItemRenderer, default value : CircleItemRenderer).
labelFilters This property is to set the filter to be applied to the label.
labelField This property is to set the filed name of the data provider which sets the label of the region.
labelJsFunction This property is to set the JavaScript function which returns the user-defined label.
labelPosition This property is to set the label location (none, top, bottom, left, righ, default value : none).
labelPositionField This property is to set the field name of the data provider, which sets the label location.
radius This property is to set the radius of the plot (default value : 5).
showDataEffect This property is to set the effect method to be applied when the image of the region displays.
stroke This property is to set the color of the border line.
useHandCursor Whether or not to display Hand cursor (true, false, default value : false).
useRevisedCenter Whether or not to apply the new center point defined in mapDataBase (true, false, default value : true).
verticalCenterGapField This property is to set the field name of the data provider which sets the vertical offset of the center point.

© 2017 KoolChart. All rights reserved.