correction on docs

README.md

@@ -2,25 +2,45 @@
 
 It is a open-source leaflet plugin which generate the vector tiles for geojson data. It has the dev-dependency of [geojson-vt-leaflet](https://github.com/handygeospatial/geojson-vt-leaflet).
 
-## Usage
+## Demo
+
+[DEMO](https://iamtekson.github.io/leaflet-geojson-vt/demo/)
+
+## Installation and setup
 
+- Using NPM:
+
+```js
+npm install leaflet-geojson-vt
 ```
+
+- Quick use:
+
+```js
+<script src="https://unpkg.com/[email protected]/geojson-vt.js"></script>
+<script src="[path to js]/leaflet-geojson-vt.js"></script>
+```
+
+## Usage
+
+```js
 var options = {
- maxZoom: 16,
- tolerance: 3,
- debug: 0,
- style: {
- fillColor: '#1EB300',
- color: '#F2FF00',
- weight: 2
- }
+ maxZoom: 16,
+ tolerance: 3,
+ debug: 0,
+ style: {
+ fillColor: "#1EB300",
+ color: "#F2FF00",
+ },
 };
-var canvasLayer = L.gridLayer.geoJson(json, options).addTo(map);
+var vtLayer = L.geoJson.vt(geojson, options).addTo(map);
 ```
 
 Options are included with [geojson-vt options](https://github.com/mapbox/geojson-vt#options) and [L.geojson style](http://leafletjs.com/reference.html#path-options).
 
-```
+The following are the default options from geojson-vt.
+
+```js
 var tileIndex = geojsonvt(data, {
  maxZoom: 14, // max zoom to preserve detail on
  tolerance: 3, // simplification tolerance (higher means simpler)
@@ -38,28 +58,6 @@ var tileIndex = geojsonvt(data, {
 
 - [geojson-vt](https://github.com/mapbox/geojson-vt)
 
-## Demo
-
-[DEMO](https://brandonxiang.github.io/leaflet-geojson-vt/test)
-
-## Test
-
-run npm script with `browser-sync`
-
-```
-npm run dev
-```
-
-Browser on `http://localhost:3000/test`
-
-## TODO
-
-[TODO](doc/TODO.md)
-
-## Changelog
-
-[changelog](doc/changelog.md)
-
 ## License
 
 [LICENSE](LICENSE)

demo/index.html

@@ -65,7 +65,7 @@
  debug: 0,
  style: geojsonStyle
 };
-var canvasLayer = L.gridLayer.geoJson(data, options).addTo(map);
+var canvasLayer = L.geoJson.vt(data, options).addTo(map);
 
 console.log(canvasLayer)
 

src/leaflet-geojson-vt.js

@@ -1,4 +1,4 @@
-L.GridLayer.GeoJSON = L.GridLayer.extend({
+L.GeoJSON.VT = L.GridLayer.extend({
  options: {
  async: false,
  },
@@ -98,8 +98,8 @@ L.GridLayer.GeoJSON = L.GridLayer.extend({
  },
 });
 
-L.gridLayer.geoJson = function (geojson, options) {
- return new L.GridLayer.GeoJSON(geojson, options);
+L.geoJson.vt = function (geojson, options) {
+ return new L.GeoJSON.VT(geojson, options);
 };
 
 String.prototype.iscolorHex = function () {