How to align the Map legends?
To enable the alignment of the jQuery Map legends, follow the given steps.
Step1: Create a Map sample, and include the necessary script files.
Step 2: By enabling the alignment of the Map legend, you can change the alignment according to your requirement. It can be near, far, or center for each of the top, bottom, left, or right position.
legendSettings: {
showLegend:true,
dockOnMap:true,
dockPosition: "top",
alignment:"far"
},
$("#map").ejMap({
dataSource: population_data,
colorValuePath: "Growth",
legendSettings: {
showLegend:true,
dockOnMap:true,
dockPosition: "top",
alignment:"far"
},
});
The following screenshot shows the alignment for Map legends:
Figure 1: Legend at far alignment
Sample Link:
Conclusion
I hope you enjoyed learning about how to align the Map legends.
You can refer to our jQuery Map’s feature tour page to know about its other groundbreaking feature representations. You can also explore our jQuery Map documentation to understand how to present and manipulate data.
For current customers, you can check out our jQuery components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our jQuery Map and other jQuery components.
If you have any queries or require clarifications, please let us know in comments below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
