Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Icon marker doesn't appear

See original GitHub issue

Problem appears on development build. I was trying to reproduce example with geolocation locally, but marker icon doesn’t appear.

I found problem with generating icon path. These paths doesn’t work: ./assets/marker.png [like in official VueLayers demo] _media/marker.png [like in VueLayers documentation]

Icon only appears if I add img tag with path ./assets/marker.png somewhere outside vl-map, copy its generated path and paste to vl-style-icon as absolute path http://localhost:8080/img/flag.b9225040.png

Official VueLayers demo on website and example in documentation works without problem. Please help.

Vuelayers v0.10.13 Vue v3.0.4 Yarn v1.9.4 Node v10.10.0

Issue Analytics

State:
Created 5 years ago
Comments:8 (6 by maintainers)

Top GitHub Comments

1reaction

ghettovoicecommented, Oct 17, 2018

That’s good! 👍

1reaction

ghettovoicecommented, Oct 17, 2018

vl-style-icon that is used for marker styling is the custom VueLayers component. vue-loader doesn’t know anything about it until you explicitly provide him with additional tags and attributes. Take look here https://vue-loader.vuejs.org/options.html#transformasseturls.
Try to setup vue-loader options like in my previous comment.
In the demo I also use transformAssetUrls.