{"_id":"@avanzyl/ngx-leaflet-toolbar","_rev":"3-abb51d06edbe0f92d23c5552731efb65","name":"@avanzyl/ngx-leaflet-toolbar","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@avanzyl/ngx-leaflet-toolbar","artifactName":"ngx-leaflet-toolbar","moduleName":"ngxLeafletToolbar","description":"Angular.io component for Leaflets' toolbar plugin.","version":"1.0.0","author":{"name":"Alexander van Zyl"},"copyright":"Copyright Alexander van Zyl - All Rights Reserved.","license":"MIT","main":"dist/bundles/ngx-leaflet-toolbar.js","module":"dist/index.js","jsnext:main":"dist/index.js","typings":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/alexvanzyl/ngx-leaflet-toolbar.git"},"scripts":{"build":"npm run compile && npm run bundle","prebuild":"npm run lint","demo":"(webpack-dev-server & npm run watch)","predemo":"npm run lint","bundle":"npm run rollup && npm run uglify","compile":"ngc -p tsconfig-aot.json","lint":"tslint -c tslint.json -t stylish 'src/**/*.ts'","rollup":"rollup -c rollup.config.js","uglify":"uglifyjs --comments 'license' -o ./dist/bundles/ngx-leaflet-toolbar.min.js -- ./dist/bundles/ngx-leaflet-toolbar.js","watch":" watch 'npm run lint' ./src"},"peerDependencies":{"@angular/core":">=7","@angular/common":">=7","leaflet":"1","leaflet-toolbar":">=0.4.0-alpha.1","@asymmetrik/ngx-leaflet":"5"},"devDependencies":{"@angular/common":"7","@angular/compiler":"7","@angular/compiler-cli":"7","@angular/core":"7","@angular/platform-browser":"7","@angular/platform-browser-dynamic":"7","@asymmetrik/ngx-leaflet":"^5.0.1","@types/leaflet":"^1.2.14","@types/node":"10","angular2-template-loader":"0.6","awesome-typescript-loader":"5","core-js":"2.5","css-loader":"1","file-loader":"2","html-loader":"0.5","html-webpack-plugin":"3","leaflet":"^1.3.4","leaflet-toolbar":"^0.4.0-alpha.1","node-sass":"4","resolve-url-loader":"3","rollup":"0.67","rxjs":"6","sass-loader":"7","source-map-loader":"0.2","style-loader":"0.23","tslint":"5","typescript":"3","uglify-js":"3","url-loader":"1","watch":"1","webpack":"4","webpack-cli":"3","webpack-dev-server":"3","webpack-stats-plugin":"0.2","zone.js":"0.8"},"gitHead":"ba8d24ddf938428000cd2ec581169ad791b394e7","bugs":{"url":"https://github.com/alexvanzyl/ngx-leaflet-toolbar/issues"},"homepage":"https://github.com/alexvanzyl/ngx-leaflet-toolbar#readme","_id":"@avanzyl/ngx-leaflet-toolbar@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.14.1","_npmUser":{"name":"avanzyl","email":"vanzyl.alex@gmail.com"},"dist":{"integrity":"sha512-IgMsVW7I01EgMPdcMV0RU5IHcOT5f0hq/Mvyc9vlvZN98NSgcKtDHVPV1Cef3bZXoKOakIwrt9e9C90WgQsKrA==","shasum":"5a3c8215451a33d00481733e6b35752ffffd87cf","tarball":"https://registry.npmjs.org/@avanzyl/ngx-leaflet-toolbar/-/ngx-leaflet-toolbar-1.0.0.tgz","fileCount":15,"unpackedSize":9453,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcDjt7CRA9TVsSAnZWagAAA04P/2TH/3fQnLTQjsyD1Xsl\n73FnwvHUqbgCYTvX9E4ENw93W/udiC3NZjs+gYZx7fec5B/DGsQvoLmBVPf+\nlabepBbpgRKAR1filOgonCFwuGhhr+DXCpICWzeYE8njBW4vVxP04doG+smL\nz8C/9dqX4WiEMM+dW/Fe8emQSfWydmDkSfevMl5MGwT6YN0idwEW1dIeZt6s\nHMnnm9yQFDSYBXpO3hGqwl1Wua2dAGYZQlxC1FqybQdW7GRfFdajuBrAbZVu\nwN+S/PoQ2AED4nwRVEel7mQSLgOvtwnI9kvKZ/KnT+0yqku6HE3hzdFIHcyj\nMpdIMjKWaT6Rzi+C1vIYRM4MWpIlCV+Pb2EaGzcUCUId8yGxHnE0iM9qjRtV\nb0CmZbyqVX4JZrn8FvKWT/KnBHWaUqrIT3QF7HXqwlu6mXK48t9ZTzmd0tJq\nP4BfL3sp3+lh+25E2kxFth6v8hRyhspg2H168+38n95SRc39xp4yiY2HL97G\ni+SmxGjrtn8cmhUUHRf8esHGIAvQCjqFv+1pr//wf1+z7cVpX81GcZv+Yrlk\nxSVujZzwTzjCyArAuXrZN/Qf7c7zd5AQlG5xi79NdJvqORP42HWPHQuRQsWd\nV6bY8/omeRnSQxuuKk3WwgqPxAWsYy4hlSR46e4bMzaCQQZTlvfis5OEuG1P\nqWHN\r\n=xeqa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICRsE+Z2RDih4PW2lHQ8U7FxKe1gnF+a2SwDSVviNgn+AiA1cwhpMkvCj6cUHxDgW+yUx0ZPTfLjMZbvqsZDRDwqjw=="}]},"maintainers":[{"name":"avanzyl","email":"vanzyl.alex@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-leaflet-toolbar_1.0.0_1544436602680_0.39171318406967304"},"_hasShrinkwrap":false},"1.0.1":{"name":"@avanzyl/ngx-leaflet-toolbar","artifactName":"ngx-leaflet-toolbar","moduleName":"ngxLeafletToolbar","description":"Angular.io component for Leaflets' toolbar plugin.","version":"1.0.1","author":{"name":"Alexander van Zyl"},"copyright":"Copyright Alexander van Zyl - All Rights Reserved.","license":"MIT","main":"dist/bundles/ngx-leaflet-toolbar.js","module":"dist/index.js","jsnext:main":"dist/index.js","typings":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/alexvanzyl/ngx-leaflet-toolbar.git"},"scripts":{"build":"npm run compile && npm run bundle","prebuild":"npm run lint","demo":"(webpack-dev-server & npm run watch)","predemo":"npm run lint","bundle":"npm run rollup && npm run uglify","compile":"ngc -p tsconfig-aot.json","lint":"tslint -c tslint.json -t stylish 'src/**/*.ts'","rollup":"rollup -c rollup.config.js","uglify":"uglifyjs --comments 'license' -o ./dist/bundles/ngx-leaflet-toolbar.min.js -- ./dist/bundles/ngx-leaflet-toolbar.js","watch":" watch 'npm run lint' ./src"},"peerDependencies":{"@angular/core":">=7","@angular/common":">=7","leaflet":"1","leaflet-toolbar":">=0.4.0-alpha.1","@asymmetrik/ngx-leaflet":"5"},"devDependencies":{"@angular/common":"7","@angular/compiler":"7","@angular/compiler-cli":"7","@angular/core":"7","@angular/platform-browser":"7","@angular/platform-browser-dynamic":"7","@asymmetrik/ngx-leaflet":"^5.0.1","@types/leaflet":"^1.2.14","@types/node":"10","angular2-template-loader":"0.6","awesome-typescript-loader":"5","core-js":"2.5","css-loader":"1","file-loader":"2","html-loader":"0.5","html-webpack-plugin":"3","leaflet":"^1.3.4","leaflet-toolbar":"^0.4.0-alpha.1","node-sass":"4","resolve-url-loader":"3","rollup":"0.67","rxjs":"6","sass-loader":"7","source-map-loader":"0.2","style-loader":"0.23","tslint":"5","typescript":"3","uglify-js":"3","url-loader":"1","watch":"1","webpack":"4","webpack-cli":"3","webpack-dev-server":"3","webpack-stats-plugin":"0.2","zone.js":"0.8"},"gitHead":"ba8d24ddf938428000cd2ec581169ad791b394e7","bugs":{"url":"https://github.com/alexvanzyl/ngx-leaflet-toolbar/issues"},"homepage":"https://github.com/alexvanzyl/ngx-leaflet-toolbar#readme","_id":"@avanzyl/ngx-leaflet-toolbar@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.14.1","_npmUser":{"name":"avanzyl","email":"vanzyl.alex@gmail.com"},"dist":{"integrity":"sha512-7YtYaAWTE7pRgCBUYOwuWZ7K3VO+OwDjKCyleCItowI6M/H0fjq7KBKpwgH6Ok6JHgvifKXaKBW9KSpHC3Xbyw==","shasum":"523b4b37a06e955efaf66c35266398656ccff156","tarball":"https://registry.npmjs.org/@avanzyl/ngx-leaflet-toolbar/-/ngx-leaflet-toolbar-1.0.1.tgz","fileCount":15,"unpackedSize":9445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcDjxcCRA9TVsSAnZWagAAVwQQAKBcFlFFUfRrEqrakBbb\nsTXUmp/BCwjPXqkS4NLYIwSRhWKmtUn9TZx/1CYd1tIxZTc1CCapONEDvtnF\nhv/N152afMkQYF9EA2T/G1jSRadrcMGO6XUYYXt+0meDscRgaEd9MIEke5Jw\nKhLxBPKeXYEQLzviNq5EfVvOtWxT4kx5F/XWpsp6CXD+9bp5biXiOXpZM9Ad\nxMM3LZ3gysyZK3eR6Gkq2ttXyG8waXSYpfCrnlDnAttEXDFosJk1HXKjwoBI\n7PHqZNpRpmdX1A3IqjRM2XdpA+TWxL7oiBa15x3M/YqU4qxmrAmmx5MOBlxR\neH5uzXmi6XPugvurawhQ56Oz0zdCDMKZ3hPcLz4ejh86s119gbQVUXe773IZ\noHIDgad6xEusvOnzYRRpWQbbUxAf2hJBvJla62NwExeiQk1QruMTGkP8a3Hf\nbSujL3hhYAjbLlc2XS82+Anylg+NvrT7sSlV/PJ2cM0U0axnsfLjErPBhrM2\npHvZN9FtqPxIexszbuLmoa+IXQuYIfQ8WcnJQ0foP5rv5FHmt8Yfu2zims08\nwtpF/EMPDNTkKrq5//p+KRGEHnx92D7Q/RL4jgU/Ifca1gYPU+5cWAf79jre\nHNpSRGNmQA4rQLAf8FWFnZPFEmAuOu8drkUjFOupZCEqmzc3M8oIbySjuIfc\n03zK\r\n=+sge\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDRnaTBmoW3kqIg4mIWfPJLqpJady3e6o15IaTO801/DwIgZP/fg/khbaxR7IJWZgvJ7tyUMBVvVj8y7V4c47PrDKA="}]},"maintainers":[{"name":"avanzyl","email":"vanzyl.alex@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-leaflet-toolbar_1.0.1_1544436827516_0.6608856670982379"},"_hasShrinkwrap":false},"1.0.2":{"name":"@avanzyl/ngx-leaflet-toolbar","artifactName":"ngx-leaflet-toolbar","moduleName":"ngxLeafletToolbar","description":"Angular.io component for Leaflets' toolbar plugin.","version":"1.0.2","author":{"name":"Alexander van Zyl"},"copyright":"Copyright Alexander van Zyl - All Rights Reserved.","license":"MIT","main":"dist/bundles/ngx-leaflet-toolbar.js","module":"dist/index.js","jsnext:main":"dist/index.js","typings":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/alexvanzyl/ngx-leaflet-toolbar.git"},"scripts":{"build":"npm run compile && npm run bundle","prebuild":"npm run lint","demo":"(webpack-dev-server & npm run watch)","predemo":"npm run lint","bundle":"npm run rollup && npm run uglify","compile":"ngc -p tsconfig-aot.json","lint":"tslint -c tslint.json -t stylish 'src/**/*.ts'","rollup":"rollup -c rollup.config.js","uglify":"uglifyjs --comments 'license' -o ./dist/bundles/ngx-leaflet-toolbar.min.js -- ./dist/bundles/ngx-leaflet-toolbar.js","watch":" watch 'npm run lint' ./src"},"peerDependencies":{"@angular/core":">=7","@angular/common":">=7","leaflet":"1","leaflet-toolbar":">=0.4.0-alpha.1","@asymmetrik/ngx-leaflet":"5"},"devDependencies":{"@angular/common":"7","@angular/compiler":"7","@angular/compiler-cli":"7","@angular/core":"7","@angular/platform-browser":"7","@angular/platform-browser-dynamic":"7","@asymmetrik/ngx-leaflet":"^5.0.1","@types/leaflet":"^1.2.14","@types/node":"10","angular2-template-loader":"0.6","awesome-typescript-loader":"5","core-js":"2.5","css-loader":"1","file-loader":"2","html-loader":"0.5","html-webpack-plugin":"3","leaflet":"^1.3.4","leaflet-toolbar":"^0.4.0-alpha.1","node-sass":"4","resolve-url-loader":"3","rollup":"0.67","rxjs":"6","sass-loader":"7","source-map-loader":"0.2","style-loader":"0.23","tslint":"5","typescript":"3","uglify-js":"3","url-loader":"1","watch":"1","webpack":"4","webpack-cli":"3","webpack-dev-server":"3","webpack-stats-plugin":"0.2","zone.js":"0.8"},"gitHead":"33c61bb319a0bf75bcb3c3f02e5cab07c24fd9c9","bugs":{"url":"https://github.com/alexvanzyl/ngx-leaflet-toolbar/issues"},"homepage":"https://github.com/alexvanzyl/ngx-leaflet-toolbar#readme","_id":"@avanzyl/ngx-leaflet-toolbar@1.0.2","_npmVersion":"6.4.1","_nodeVersion":"10.14.1","_npmUser":{"name":"avanzyl","email":"vanzyl.alex@gmail.com"},"dist":{"integrity":"sha512-KowtgyuS8bcPDGiPTtuzvrhIKLgK8UB6XSsDo99AX6uQVulVki7Xg1dVbWkrLpBVni+H9TNhCgExPO/4YQzyiw==","shasum":"6162a646a31ea1be590d3fff171e792e33576b3c","tarball":"https://registry.npmjs.org/@avanzyl/ngx-leaflet-toolbar/-/ngx-leaflet-toolbar-1.0.2.tgz","fileCount":30,"unpackedSize":32348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcDj3/CRA9TVsSAnZWagAA7zUP/2riyZedi1Vzc9jXG7JR\nreftgdW01HjH40dGrvgBy9tw0YQmF0psMNoP+FPjm26CDcr8U5DBkL7g2N/S\nDwB6qtI5rCU84Y/gCCzR7+jAlQamUZaju23oa8RJLzvIiMGiT14MJZTIt0CZ\nVG4cPWZo7azmTIvMHluNUcJ6bNyh81RamA6CYt73j6E0AMNyvDF11VvdbJTT\nhHVbZi6IqS7nkc9eRAq6AmU6CyA1idXl19qjHPFb1OOlErD/pgYOzoMLj/zZ\namWibTqJAkUZZyR7Ccsv3l3Y6snaNzkNtNbF1bPaK+TuowOpwrq5Vlr6yaFR\nzW2jqB4GTN85GtHBCXmNu3X6feNhivOfFaSoOwWtktSY/1wuQ5uLzl6xMGuC\nzOsAYx8Cux8euA46k63c3pmdGVfhUgZIR3slfSj0KamuGxcic7H/yKGZOSa3\nXKs1sAFKh+PvqR0alSSidtWmP3JfAqQTtY8065WrldBQUueXdBsX/d2Ta9+Y\n5RUX+5Bmbfzp17gO76014Y8EKVyc2UUdICJgK9HYqCl47KZ7Qs+UAyMWtZSq\njesIk0EoS8zZ314Yv768mSd3Fo/os1EQYTQvuiRpvkKzyjax82WkmFJ2bHSb\n65QBENh0NMG4/zgri/fyPDAxkK7Ekxs6pz1NcNxu7A40jBDT777nGkXlBTtQ\nlFw3\r\n=/Lqj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDedlZlzrwRKvRDTYu/3gdmrGiwlEFVnqK0BwGx14etswIhAKp9AffzgfprHgejF25iqNs94bD5TspjTAesGhyB7dpH"}]},"maintainers":[{"name":"avanzyl","email":"vanzyl.alex@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-leaflet-toolbar_1.0.2_1544437246152_0.5940566961096307"},"_hasShrinkwrap":false}},"time":{"created":"2018-12-10T10:10:02.507Z","1.0.0":"2018-12-10T10:10:02.786Z","modified":"2022-04-04T16:44:47.670Z","1.0.1":"2018-12-10T10:13:47.675Z","1.0.2":"2018-12-10T10:20:46.273Z"},"maintainers":[{"name":"avanzyl","email":"vanzyl.alex@gmail.com"}],"description":"Angular.io component for Leaflets' toolbar plugin.","homepage":"https://github.com/alexvanzyl/ngx-leaflet-toolbar#readme","repository":{"type":"git","url":"git+https://github.com/alexvanzyl/ngx-leaflet-toolbar.git"},"author":{"name":"Alexander van Zyl"},"bugs":{"url":"https://github.com/alexvanzyl/ngx-leaflet-toolbar/issues"},"license":"MIT","readme":"# @avanzyl/ngx-leaflet-toolbar\n\n[![Build Status][travis-image]][travis-url]\n\n[travis-url]: https://travis-ci.org/Asymmetrik/ngx-template/\n[travis-image]: https://travis-ci.org/Asymmetrik/ngx-template.svg\n\n> [Leaflet Toolbar](https://github.com/Leaflet/Leaflet.toolbar) extension for [@asymmetrik/ngx-leaflet](https://github.com/Asymmetrik/ngx-leaflet) package to be used with Angular.io.\n\n\n## Table of Contents\n- [Install](#install)\n- [Usage](#usage)\n- [Todo](#todo)\n- [License](#license)\n\n\n## Install\n```\n# Install required packages\nnpm install leaflet\nnpm install leaflet-toolbar\nnpm install @asymmetrik/ngx-leaflet\nnpm install @avanzyl/ngx-leaflet-toolbar\n\n# Install types\nnpm install --save-dev @types/leaflet\n```\n\n## Usage\n1. Edit your angular.json file to inject the required assets\n```\n{\n  ...\n   \"assets\": [\n    {\n      \"glob\": \"**/*\",\n      \"input\": \"./node_modules/leaflet/dist/images\",\n      \"output\": \"/\"\n    },\n    ...\n  ],\n  \"styles\": [\n    ...\n    \"./node_modules/leaflet/dist/leaflet.css\",\n    \"./node_modules/leaflet-toolbar/dist/leaflet.toolbar.css\"\n  ],\n  \"scripts\": [\n    ...\n    \"./node_modules/leaflet/dist/leaflet.js\",\n    \"./node_modules/leaflet-toolbar/dist/leaflet.toolbar.js\"\n  ]\n  ...\n}\n```\n2. Import Dependencies and Modules into app.modules.ts\n```\nimport { LeafletModule } from '@asymmetrik/ngx-leaflet';\nimport { LeafletToolbarModule } from '@avanzyl/ngx-leaflet-toolbar';\n\n@NgModule({\n  ...\n  imports: [\n    ...\n    LeafletModule.forRoot(),\n    LeafletToolbarModule.forRoot()\n  ]\n  ...\n})\n```\n3. Create map inside your component .html file..\n```\n<div style=\"height: 400px;\"\n     leaflet\n     leafletToolbar\n     [leafletOptions]=\"options\"\n     [leafletToolbarControl]=\"toolbarControl\">\n</div>\n```\n4. Add leaflet and toolbar options to your component .ts file.\n```\noptions = {\n  layers: [\n    tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {\n      maxZoom: 18\n    })\n  ],\n  zoom: 5,\n  center: latLng(46.879966, -121.726909)\n};\n\ntoolbar = {\n  position: 'topleft',\n  actions: [\n    {\n      options: {\n        toolbarIcon: {\n          html: '<img src=\"assets/static/images/heatmap.svg\" height=\"30\" width=\"30\">',\n          tooltip: 'Heatmap'\n        }\n      },\n      addHooks: () => {\n        // Do action functionality here\n      });\n    }\n  ]\n};\n```\nFor more config options see documentation for:\n\n- [Leaflet and ngx-leaflet](https://github.com/Asymmetrik/ngx-leaflet)\n- [Leaflet toolbar](https://github.com/Leaflet/Leaflet.toolbar)\n\n\n## Todo\n- [ ] Add support for popup-style\n\n## License\nSee LICENSE in repository for details.\n","readmeFilename":"README.md"}