title: mapbox styledata event fire 3 times, I only need fire 1 time, how?
body: <p>mapbox styledata event fire 3 times, I only need fire 1 time, how?</p>
  
  <pre><code> map.on("styledata", loadTiles);    // will fire multiple 3 times, whenever style changed.  
                                      // event.stopPropagation(); does not work.
  
  
   map.on("load", loadTiles);       // only fire 1 time. but when you change base map, use below
  
        map.setStyle('mapbox://styles/mapbox/' + layerId, {diff: false});
  
   //  on load event will not fire, which I need it fire to re-load geojson layer. 
  
  
   map.on("styledata"    // works fine, but it fire 3 same event at same time, cause load 3 times geojson layer, cause other error when you load 3 times geojson layer at same time.
  
  
      //   How to make styledata on fire 1 times instead of 3? 
  </code></pre>