Adding Custom Wayspot on Lightship Maps

🧑‍💻 Technical Support
1

Good evening, i was tinkering with this template

And i was trying to add a custom-wayspot on the map using longitude and latitude by adding it on world-map.html like this.

  <custom-wayspot

    title="My Custom Point in Surabaya"

    image-url=".././assets/map-assets/clouds.jpg"

    name="my-custom-spot">

  </custom-wayspot>

</lightship-map-point>

But the waypoint, didn’t appear at all. Can someone help me?

2

Do you see any errors in the console? Your code appears mostly correct, but I don’t see the opening <lightship-map-point> tag so it’s hard to be sure. Here’s a working example:

    <lightship-map-point lat-lng="37.4283063 -122.1447189" meters="25" min="0.05">
      <custom-wayspot
        name="scene1"
        title="Scene 1"
        image-url="https://static.8thwall.app/assets/image%201-imbciic3da.png"></custom-wayspot>
    </lightship-map-point>