We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to customize themarker template?

Platform: JavaScript |
Control: ejMap |
Published Date: May 23, 2015 |
Last Revised Date: June 28, 2019

The following steps explains how to customize the marker template.

Step 1:

Create a map sample and include necessary script files.

Step 2:

Markers are notes that is used to leave some message on the map. To customize the marker you have to set markerTemplate api in layers.

JS

layers: [
            {                                       
                      markers: markers,
                      markerTemplate: 'template'
             }  
         ]                     

 

 

JS

<script type="text/javascript">
        jQuery(function ($) {           
            $("#maps").ejMap({ 
               layers: [
                         {                                         
                            markers: markers,
                            markerTemplate: 'template', 
                            }  
]
});
});

 

The following Screenshot displays the markers.

 

Maps with Markers and tooltip

 

For the more information about markers, refer to the following link.

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

 

For online sample,  refer to the following location.

http://js.syncfusion.com/demos/web/#!/azure/map/drilldown

 

ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon