Popup's [x] showing before popup is opened about vue-mapbox HOT 3 CLOSED

Ok, realized I was missing the slot="popup" property of mgl-popup. So with that I'm not getting the funky [x] displaying by each of my markers. And then I realized that the docs said

You can use togglePopup Marker method to toggle visibility of bound Popup

Which I took to mean you should add v-on:click="togglePopup()" to the maker but that doesn't seem to do anything.

from vue-mapbox.

OK, figured out that you need to use mgl-popup WITHOUT adding slot="popup" to it and without coordinates either. The example is rather misleading.

<mgl-marker v-for="marker in siteMarkers" 
     :key="marker.id" 
     :coordinates="marker.coords" 
     color="blue"
 >
    <img src="https://www.you.com/images/pin.png" slot="marker" />
        <mgl-popup anchor="bottom-left" >
            <div>
                <strong>{[marker.name]}</strong>
                <address>
                    {[marker.address]}<br />
                     {[marker.city]}, {[marker.state]} {[marker.zip]}
                </address>
            </div>
        </mgl-popup>
</mgl-marker>

Now if I could just figure out how to get click events on markers to trigger other actions

from vue-mapbox.

@bmeredyk , it's more a workaround than a solution for your click event, but if you are still using popups on your marker, they emit an open and a close event, you can listen to these to fire other actions. A click event on the marker itself would be nice though.

from vue-mapbox.