CODEWITHSUNDEEP
mobilepopupleafletmapboxmarker
nicolasaiz173
nicolasaiz173

Reputation: 590

Popup on marker not working with Mapbox.js on mobile devices

I'm creating a map with Mapbox.js and I have a problem. I've added some markers to the map with a popup on each of them. Testing this on Chrome Desktop it works well, when I click the marker it shows the popup. But when I'm trying to do the same on mobile (Android and iOS) it doesn't work at all. On mobile the popup is never shown when I touch on them.

Anyone know why is this happening? And how to solve it?

Thanks

Upvotes: 0

Views: 1423

Answers (1)

nicolasaiz173
nicolasaiz173

Reputation: 590

Well, after trying a lot of things I found that my problem was generated by Ionic. So, I fixed with this:

<div data-tap-disabled="true">
<div id="google-map"></div>
</div>

You can read the docs here.

Upvotes: 3

Related Questions