angular-ui / ui-leaflet

AngularJS directive to embed an interact with maps managed by Leaflet library
http://angular-ui.github.io/ui-leaflet
Other
315 stars 137 forks source link

markers / label drawing on the screen #329

Open vvavepacket opened 7 years ago

vvavepacket commented 7 years ago

Let's say we have a marker with label. Where in the code can we modify it in such a way, we can add css properties just before they are rendered on screen? Basically, when the markers and label are rendered in screen, they should have already the custom css properties in them... As of now, I can add css properties after they are loaded,, but I want to do it before,, so that user's will see the change immediately. Any best approches/best practice? Thank you.

BAByrne commented 7 years ago

There's an "options" property for labels, where you can use "className" define the css class to add to the label element. Is that what you're looking for?

markers: {
  main_marker: {
    lat: 0,
    lng: 0,
    focus: true,
    title: "Marker",
    draggable: true,
    label: {
      message: "I'm a label",
      options: {
        className: "my-class-name"
      }
    }
  }
}