diff --git a/.gitignore b/.gitignore index 21dbe0e..23e758a 100644 --- a/.gitignore +++ b/.gitignore @@ -226,3 +226,5 @@ $RECYCLE.BIN/ # Windows shortcuts *.lnk + +.vscode diff --git a/README.md b/README.md index d24bb3f..ef3f359 100644 --- a/README.md +++ b/README.md @@ -27,11 +27,11 @@ or `yarn add @googlemaps/markerwithlabel` -Alternativly you may add the umd package directly to the html document using the unpkg link. +Alternatively you may add the umd package directly to the html document using the unpkg link. `` -When adding via unpkg, the marker with labels can be accessed at `MarkerWithLabel`. +When adding via unpkg, the marker with labels can be accessed at `new markerWithLabel.MarkerWithLabel()`. A version can be specified by using `https://unpkg.com/@googlemaps/markerwithlabel@VERSION/dist/...`. @@ -42,6 +42,8 @@ The reference documentation can be found at this [link](https://googlemaps.githu ## Example ```js +import { MarkerWithLabel } from '@googlemaps/markerwithlabel'; + new MarkerWithLabel({ position: new google.maps.LatLng(49.475, -123.84), clickable: true, diff --git a/examples/basic.html b/examples/basic.html index 5ddd31f..df797c9 100644 --- a/examples/basic.html +++ b/examples/basic.html @@ -47,7 +47,7 @@ mapTypeId: google.maps.MapTypeId.ROADMAP, }); - var marker1 = new MarkerWithLabel({ + var marker1 = new markerWithLabel.MarkerWithLabel({ position: homeLatLng, draggable: false, clickable: false, @@ -58,7 +58,7 @@ labelStyle: { opacity: 0.75 }, }); - var marker2 = new MarkerWithLabel({ + var marker2 = new markerWithLabel.MarkerWithLabel({ position: new google.maps.LatLng(49.475, -123.84), draggable: true, map: map, diff --git a/examples/events.html b/examples/events.html index b6ddf19..1ced10a 100644 --- a/examples/events.html +++ b/examples/events.html @@ -45,7 +45,7 @@ mapTypeId: google.maps.MapTypeId.ROADMAP, }); - var marker = new MarkerWithLabel({ + var marker = new markerWithLabel.MarkerWithLabel({ position: homeLatLng, draggable: true, raiseOnDrag: true, diff --git a/examples/lettered.html b/examples/lettered.html index 6a32aca..fb29ad5 100644 --- a/examples/lettered.html +++ b/examples/lettered.html @@ -44,7 +44,7 @@ mapTypeId: google.maps.MapTypeId.ROADMAP, }); - marker = new MarkerWithLabel({ + marker = new markerWithLabel.MarkerWithLabel({ position: homeLatLng, map: map, draggable: true, diff --git a/examples/picturelabel.html b/examples/picturelabel.html index e030bb1..be96fb3 100644 --- a/examples/picturelabel.html +++ b/examples/picturelabel.html @@ -41,7 +41,7 @@ pictureLabel = document.createElement("img"); pictureLabel.src = "home.jpg"; - marker = new MarkerWithLabel({ + marker = new markerWithLabel.MarkerWithLabel({ position: homeLatLng, map: map, draggable: true, diff --git a/rollup.config.js b/rollup.config.js index 1b0887e..b469a26 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -40,15 +40,13 @@ export default [ file: "dist/index.umd.js", format: "umd", sourcemap: true, - exports: "default", - name: "MarkerWithLabel", + name: "markerWithLabel", }, { file: "dist/index.min.js", format: "iife", sourcemap: true, - exports: "default", - name: "MarkerWithLabel", + name: "markerWithLabel", }, ], }, @@ -62,7 +60,7 @@ export default [ output: { file: "dist/index.dev.js", format: "iife", - name: "MarkerWithLabel", + name: "markerWithLabel", }, }, { @@ -74,7 +72,6 @@ export default [ file: "dist/index.esm.js", format: "esm", sourcemap: true, - name: "MarkerWithLabel", }, }, ]; diff --git a/src/index.ts b/src/index.ts index 577b384..563c011 100644 --- a/src/index.ts +++ b/src/index.ts @@ -14,6 +14,6 @@ * limitations under the License. */ -import { MarkerWithLabel } from "./marker"; +import { MarkerWithLabel, MarkerWithLabelOptions } from "./marker"; -export default MarkerWithLabel; +export { MarkerWithLabel, MarkerWithLabelOptions };