{"_id":"@agm-extend/js-marker-clusterer","name":"@agm-extend/js-marker-clusterer","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"$schema":"../../node_modules/ng-packagr/package.schema.json","name":"@agm-extend/js-marker-clusterer","description":"Angular Google Maps (AGM) extension for js-marker-clusterer support","author":{"name":"Jens Fahnenbruck","email":"jigfox@me.com"},"keywords":["angular-google-maps","angular","js-marker-clusterer","google-maps","agm"],"version":"1.0.0","peerDependencies":{"@angular/core":"^6.0.0 || ^7.0.0 || ^8.0.0","@agm/core":"^1.0.0-beta.7","gmaps-marker-clusterer":"git+https://github.com/gmaps-marker-clusterer/gmaps-marker-clusterer.git#53f09b21b464626c1f047cac9782bf58f61d935c"},"main":"bundles/agm-extend-js-marker-clusterer.umd.js","module":"fesm5/agm-extend-js-marker-clusterer.js","es2015":"fesm2015/agm-extend-js-marker-clusterer.js","esm5":"esm5/agm-extend-js-marker-clusterer.js","esm2015":"esm2015/agm-extend-js-marker-clusterer.js","fesm5":"fesm5/agm-extend-js-marker-clusterer.js","fesm2015":"fesm2015/agm-extend-js-marker-clusterer.js","typings":"agm-extend-js-marker-clusterer.d.ts","metadata":"agm-extend-js-marker-clusterer.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"gitHead":"4c9e9774f1a4a7c8b0690153316636d493ac350c","_id":"@agm-extend/js-marker-clusterer@1.0.0","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-Q1rANBrP+Ff5gpdyGx1PcQPKpyFX2/XPoYT1QJfKvOxRHwposcgvAEbMqUSRJb35UUy4vTcdM5x36isyfYApqQ==","shasum":"f02731d0200c24da3b40a3df7e3e829c613d432a","tarball":"https://registry.npmjs.org/@agm-extend/js-marker-clusterer/-/js-marker-clusterer-1.0.0.tgz","fileCount":36,"unpackedSize":234993,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD31Ed4YePz3Crxo6EgUq5f/NrPHaoyugRiQLV7kQPJdwIhAKFptGlV61vjBVm5X1QNe/h66BBb+9hMl8dbYLPTVvJq"}]},"_npmUser":{"name":"kheukponh","email":"kheukpon.h@gmail.com"},"directories":{},"maintainers":[{"name":"kheukponh","email":"kheukpon.h@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/js-marker-clusterer_1.0.0_1706622977809_0.3934164770553483"},"_hasShrinkwrap":false}},"time":{"created":"2024-01-30T13:56:17.717Z","1.0.0":"2024-01-30T13:56:17.978Z","modified":"2024-01-30T13:56:18.259Z"},"maintainers":[{"name":"kheukponh","email":"kheukpon.h@gmail.com"}],"description":"Angular Google Maps (AGM) extension for js-marker-clusterer support","keywords":["angular-google-maps","angular","js-marker-clusterer","google-maps","agm"],"author":{"name":"Jens Fahnenbruck","email":"jigfox@me.com"},"readme":"# Marker Clusterer for AGM\r\n\r\n-----\r\n\r\nthis package levereges the [js-marker-clusterer][js-marker-clusterer] to add clustering support to\r\n[AGM][agm].\r\n\r\nthis package update peer dependency from \"js-marker-clusterer\": \"^1.0.0\" to gmaps-marker-clusterer for prevent deprecate addDomListener\r\n\"gmaps-marker-clusterer\": \"github:gmaps-marker-clusterer/gmaps-marker-clusterer#53f09b21b464626c1f047cac9782bf58f61d935c\",\r\nand compatible with \"@agm/js-marker-clusterer\" just update the import path.\r\n\r\n## Installation\r\n\r\n@agm/js-marker-clusterer has a peer depedency on [gmaps-marker-clusterer][js-marker-clusterer]\r\n\r\n```shell\r\nnpm install git+https://github.com/gmaps-marker-clusterer/gmaps-marker-clusterer.git#53f09b21b464626c1f047cac9782bf58f61d935c @agm-extend/js-marker-clusterer --save\r\n\r\n```\r\n\r\n## Usage\r\n\r\n1. Import the module\r\n\r\n    ```typescript\r\n    import { BrowserModule } from '@angular/platform-browser';\r\n    import { NgModule } from '@angular/core';\r\n    import { AppComponent } from './app.component';\r\n\r\n    // add these imports\r\n    import { AgmCoreModule } from '@agm/core';\r\n    import { AgmJsMarkerClustererModule } from '@agm-extend/js-marker-clusterer';\r\n\r\n    @NgModule({\r\n      declarations: [\r\n        AppComponent\r\n      ],\r\n      imports: [\r\n        BrowserModule,\r\n        AgmCoreModule.forRoot({\r\n          apiKey: ['YOUR_API_KEY_HERE']\r\n        }),\r\n        AgmJsMarkerClustererModule\r\n      ],\r\n      providers: [],\r\n      bootstrap: [AppComponent]\r\n    })\r\n    export class AppModule { }\r\n    ```\r\n2. use it in your template\r\n\r\n    ```html\r\n    <agm-map style=\"height: 300px\" [latitude]=\"51.673858\" [longitude]=\"7.815982\">\r\n      <agm-marker-cluster imagePath=\"https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/markerclustererplus/images/m\">\r\n        <agm-marker [latitude]=\"51.673858\" [longitude]=\"7.815982\">\r\n        </agm-marker><!-- multiple markers -->\r\n      </agm-marker-cluster>\r\n    </agm-map>\r\n    ```\r\n\r\n\r\n[js-marker-clusterer]: https://github.com/googlemaps/js-marker-clusterer\r\n[agm]: https://angular-maps.com/\r\n","readmeFilename":"README.md"}