custom markers

  • Resolved henkna

    (@henkna)


    1 year, 8 months ago

    Hi, I’m doing some first test with WayMark (as alternative for OSM map plugin). Is it possible to add a custom marker from a png-file?

    I like to use marker images not part of ionic_icons or font_awesome.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Joe

    (@morehawes)

    Hi @henkna,

    Thanks for reaching out and for checking out Waymark ?? This can be achieved by using the HTML Icon Type and entering the following HTML:

    <img src="https://www.waymark.dev/wp-content/plugins/waymark/assets/img/waymark-icon-primary.png" style="width:24px;height:24px;margin-top:5px" />

    Where the URL points to your desired image. You can adjust the width, height and vertical offset by modifying the style properties as desired.

    You can see an example of this here.

    I hope this helps.

    Cheers,

    Joe

    Would it possible to add that to documentation! I don’t remember seeing that in there and thank you!

    Plugin Author Joe

    (@morehawes)

    Hi @sharif4,

    Thanks for your suggestion, I have added more information on Marker Icons to the Docs.

    Cheers,

    Joe

    Hi @morehawes ,

    Thanks for the quick response! Regarding this, I believe currently it isn’t possible out to outright replace the markers with the images?

    I love all the little work put into the plugin, the more time I spend with, the more I get to appreciate all the little work put into it!

    Plugin Author Joe

    (@morehawes)

    Hi @sharif4,

    You can use the following CSS to hide the Marker shape itself, leaving only the Icon. If you are using a HTML Icon displaying an image then only the image will be displayed:

    .waymark-marker .waymark-marker-background {
  display: none;
}

    I hope this helps and thanks for your kind words ??

    Joe

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘custom markers’ is closed to new replies.

Tags