How to enable legend position?

To enable the legend position, refer to the following steps.

Step 1

Create a map sample and include the necessary script files.

Step 2

The legend position is used to set the legends at various positions in map and you can enable it by setting the api position in legendSettings.

JS

legendSettings: 
              {
                  position: "bottomright",
               }

Similarly you can set the api position to topleft, topcenter, topright, centerleft, center, bottomleft, centerright and bottomcenter.

JS

<script type="text/javascript">
        jQuery(function ($) {           
            $("#maps").ejMap({ 
               layers: [
legendSettings: {
                        .  .  .
                    showLegend:true,
                    position: "bottomright",
                         .  .  .
                  },
                            ],
                        });
                      });
</script>

The following screenshot displays the legend position at bottomright.

Figure 1: Legend position at bottomright

Refer to the following link to know more details about legend position.

https://help.syncfusion.com/ug/js/default.htm#!documents/mapelements.htm

Online sample is available in the following location.

http://www.syncfusion.com/uploads/user/directTrac/138455/LegendSample2107561313.zip