dont require map as option

API.md

@@ -34,9 +34,8 @@ Constructor
 
 **Parameters**
 
--   `url` **[string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)** The url for fectching vector tiles
+-   `url` **[string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)** The template url for fectching vector tiles
 -   `options` **[Object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object)** 
-    -   `options.map` **L.Map?** 
     -   `options.getFeatureId` **[Function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function)?** 
     -   `options.debug` **[boolean](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean)?** 
     -   `options.style` **[Object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object)?** 

Leaflet.VectorTiles.js

@@ -22,9 +22,8 @@ L.VectorTiles = L.GridLayer.extend({
    * Constructor
    *
    * @constructs
-   * @param {string} url The url for fectching vector tiles
+   * @param {string} url The template url for fectching vector tiles
    * @param {Object} options
-   * @param {L.Map} [options.map]
    * @param {Function} [options.getFeatureId]
    * @param {boolean} [options.debug]
    * @param {Object} [options.style]
@@ -35,12 +34,8 @@ L.VectorTiles = L.GridLayer.extend({
 
     this._url = url;
 
-    // TODO: figure out how to do without this
-    this._map = options.map;
-
     // the FeatureGroup that holds per tile FeatureGroups
-    this._featureGroup = L.featureGroup()
-      .addTo(this._map);
+    this._featureGroup = L.featureGroup();
 
     // show tile boundaries
     this._debug = options.debug;
@@ -102,6 +97,12 @@ L.VectorTiles = L.GridLayer.extend({
     });
   },
 
+  onAdd(map) {
+    L.GridLayer.prototype.onAdd.call(this, map);
+    this._map = map;
+    this._featureGroup.addTo(this._map);
+  },
+
   /**
    * Returns an array of feature ids near a given point
    *

README.md

@@ -35,7 +35,6 @@ var vtLayer = new L.VectorTiles(url, {
   getFeatureId: function(feature) {
     return feature.properties.id;
   },
-  map: map,
   debug: true, // to show tile boundaries
   style: {
     treeType: {

example/index.js

@@ -24,7 +24,6 @@ function main(geojson) {
   const url = '/{z}/{x}/{y}';
 
   const vtLayer = new L.VectorTiles(url, {
-    map,
     getFeatureId: f => f.properties.name.toLowerCase(),
     style: {}
   }).addTo(map);