Bug fix for #50

README.md

@@ -123,8 +123,8 @@ Returns **[MapboxCircle](#mapboxcircle)**
 **Parameters**
 
 -   `map` **mapboxgl.Map** Target map for adding and initializing circle Mapbox GL layers/data/listeners.
--   `before` **[string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)?** Layer ID to insert the circle layers before, else they will be appended to
-        the end of the layers array (optional, default `undefined`)
+-   `before` **[string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)?** Layer ID to insert the circle layers before; explicitly pass `null` to
+        get the circle assets appended at the end of map-layers array (optional, default `'waterway-label'`)
 
 Returns **[MapboxCircle](#mapboxcircle)** 
 

lib/main.js

@@ -1039,12 +1039,15 @@ class MapboxCircle {
 
     /**
      * @param {mapboxgl.Map} map Target map for adding and initializing circle Mapbox GL layers/data/listeners.
-     * @param {?string} [before=undefined] Layer ID to insert the circle layers before, else they will be appended to
-     *     the end of the layers array
+     * @param {?string} [before='waterway-label'] Layer ID to insert the circle layers before; explicitly pass `null` to
+     *     get the circle assets appended at the end of map-layers array
      * @return {MapboxCircle}
      * @public
      */
     addTo(map, before) {
+        if (typeof before === 'undefined') {
+            before = 'waterway-label';
+        }
         const addCircleAssetsOnMap = () => {
             map.addSource(this._circleSourceId, this._getCircleMapSource());
 
@@ -1056,10 +1059,10 @@ class MapboxCircle {
             if (this.options.editable) {
                 map.addSource(this._circleHandlesSourceId, this._getHandlesMapSource());
 
-                map.addLayer(this._getCircleCenterHandleLayer(), before);
+                map.addLayer(this._getCircleCenterHandleLayer());
                 this._bindCenterHandleListeners(map);
 
-                map.addLayer(this._getCircleRadiusHandlesLayer(), before);
+                map.addLayer(this._getCircleRadiusHandlesLayer());
                 this._bindRadiusHandlesListeners(map);
 
                 this.on('centerchanged', this._onCenterChanged).on('radiuschanged', this._onRadiusChanged);