Next
Update
Prev

The Image series in KoolMap can be used to put the image on the map. You need to define <MapImageSeries> in the Layout. This example demonstrates how to put the image icons for the weather forecasting on the map.

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

<MapImageSeries 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.
imageWidth This property is to set the width of the image. If it is not set, then the width of the original image will be used.
imageHeight This property is to set the height of the image. If it is not set, then the height of the original image will be used.
imageUrlField This property is to set the field name of the data provider (URL) which points to the image of the region.
interactive Whether or not to react to the user’s mouse operation (true, false, default value : true).
labelFilters This property is to set the filter to be applied to the label.
labelField This property is to set the field 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, inside, default value : none).
labelPositionField This property is to set the field name of the data provider which has the label location.
selectedCircle Whether or not to display the circle on the selected location. (default : true).
selectedFill This property is to set the color of the circle of the selected image.
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.