Category / Section
How to enable interactive Legend?
2 mins read
To enable the interactive Legend follow the given steps:
Step 1:
Create a map sample and include the necessary script files.
Step 2:
The Legends can be made interactive with an arrow mark indicating the exact range color in the Legend when the mouse hovers over the corresponding shapes. In order to render interactive Legends, set the Legend mode to interactive in the legendSettings.
JS
legendSettings: {
mode : “interactive”
}
JS
<script type="text/javascript">
jQuery(function ($) {
$("#maps").ejMap({
layers: [
. . .
legendSettings: {
showLegend :true,
mode : “interactive”
. . .
}
]
});
});
The following screenshot shows the interactive Legend:
Sample Links:
http://help.syncfusion.com/ug/js/default.htm#!documents/mapelements.htm
