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.

Correct use of vl-style-icon

See original GitHub issue

Hello,

In addition to the sample code you provide in the documentation, eg:

<vl-style-box>
      <vl-style-icon
              src="../assets/marker.png"
              :scale="0.4"
              :anchor="[0.5, 1]"
     ></vl-style-icon>
</vl-style-box>

is more coding necessary for the icon to appear on the map?

Issue Analytics

State:
Created 3 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

empereiracommented, Apr 24, 2020

OMG… How did I not test this!!! I even thought vaguely about it, but I didn’t!!!

Thank you so much for the insight!!! Btw, excellent work is done here!!

0reactions

ghettovoicecommented, Apr 24, 2020

Switch coordinates order [station.lat, station.long] -> [station.long, station.lat]. All coordinates by default in VueLayers (and OpenLayers too) should be ordered as [lon, lat]

Top Results From Across the Web

Vuelayers vl-style-icon syntax - Stack Overflow

Run the following command to verify the correct vue-loader configuration is there Source vue inspect > output.js.

VueLayers draw modify example - CodePen

You can use the CSS from another Pen by using its URL and the proper URL extension.

Correct usage definition and meaning - Collins Dictionary

Correct usage definition: If something is correct , it is in accordance with the facts and has no mistakes . [...] | Meaning,...

vuelayers - Bountysource

I have the image in memory and set imgUrl = URL.createObjectURL(blob) and that part works great. The image shows up in the right...

Merge branch 'develop' into feature/f-hush-develop (a4428271 ...

Vue.use(Router);. const router = new Router({. routes: [{ ... <div class="header-right"> ... <vl-style-icon src="/img/largeScreen/camera.png". :scale="0.15".