Creating custom marker symbols (not from a URL) #2012

Activity

1. rajivhbk commented on Jul 10, 2017

   

   rajivhbk

   on Jul 10, 2017

   More actions

   You can do this with angular. I achieved this by adding my markers dynamically to an array like this.

   $scope.get_marker_object = (id, latitude, longitude, title, color)->
       return {
         id: id,
         latitude: latitude,
         longitude: longitude,
         title: title,
         icon: pinSymbol(color),
         options: {
           visible: true,
         }
       }
   
     pinSymbol = (color)-> {
       path: 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z',
       fillColor: color,
       fillOpacity: 1,
       strokeColor: '#000',
       strokeWeight: 2,
       scale: .4
     };