JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js"></script>
<link rel="stylesheet" href="https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.css">
<script src="https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.js"></script>

<div id="map" style="width:100%;height:300px" class="needsclick"></div>
    <div id="click"></div>
    <div><a href="#" id="a">AAAAAAAAAAAA</a>
        <p>If you tap the link above quickly, then next tap on map will not register. If you tap the link above slowly so that the gray highlight appears, next click on map will register.</p>

JavaScript

FastClick.attach(document.body);
        L.mapbox.accessToken = 'pk.eyJ1IjoiZXJqaWFuZyIsImEiOiJza3NLUG13In0.hWS-qS6Wa2A3uM5S7D95XQ';
        var map = L.mapbox.map('map', 'examples.map-i86nkdio')
            .setView([40, -74.50], 9);
        map.on('click', function(e) {
            window[e.type].innerHTML = e.containerPoint.toString() + ', ' + e.latlng.toString();
        });