To explain my question: I have the "list-view" as visible, so I can see all the map-markers addresses. Its working correctly for me, but Its populating on the right-hand side of my map. I want to move the list to the bottom of the map instead of it being on the right-hand side. enter image description here

My HTML Code:

   <!-- Mapping. -->




1 Answer 1


This is not supported by the lightning-map component, as per the documentation (there's no property to set the list of items' position).

To achieve what you want, you would have to create your own component that displays a map using a third-party library like Mapbox or Leaflet.

  • Ok, thank you. One more thing can I have a LWC that only displays the list, and one that only displays the map?
    – Pinto
    Jun 20, 2023 at 19:39
  • Yes, you can. As long as it is custom, you could do pretty much anything with them. Jun 21, 2023 at 16:31

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .