{"_id":"plastic-map-marker-svg","_rev":"3-5cc3cdb23729462b66d3eaaa541fa30b","name":"plastic-map-marker-svg","dist-tags":{"latest":"1.0.1"},"versions":{"0.0.0-preview":{"description":"Custom SVG markers for google-map","keywords":["polymer","polymer 2.0","google-map","marker","web-components","svg"],"name":"plastic-map-marker-svg","version":"0.0.0-preview","repository":{"type":"git","url":"git+https://github.com/mlisook/plastic-map-marker-svg.git"},"resolutions":{"inherits":"2.0.3","samsam":"1.1.3","supports-color":"3.1.2","type-detect":"1.0.0","@webcomponents/webcomponentsjs":"2.0.0-beta.2"},"main":"plastic-map-marker-svg.js","license":"MIT","dependencies":{"@atomiko/google-apis-holdout":"0.0.6","@atomiko/google-map-holdout":"0.0.6","@polymer/iron-meta":"^3.0.0-pre.18","@polymer/polymer":"^3.0.0"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.18","wct-browser-legacy":"^0.0.1-pre.11","@webcomponents/webcomponentsjs":"^2.0.0"},"gitHead":"0fa7790f67def1d68d78ddccb5ae5e75ea91b199","bugs":{"url":"https://github.com/mlisook/plastic-map-marker-svg/issues"},"homepage":"https://github.com/mlisook/plastic-map-marker-svg#readme","_id":"plastic-map-marker-svg@0.0.0-preview","_npmVersion":"6.1.0","_nodeVersion":"8.9.4","_npmUser":{"name":"mlisook","email":"murray@lisook.net"},"dist":{"integrity":"sha512-11Ily1GXEqraPq+qGCkwxZ74QPYyCfFNRKTQkeURJyusndzM/CeBpyWJv0mLeTDN5lKYDOEI1bwZKSRGCnfIVg==","shasum":"858447965277ab9ded8403e554a9d1e25cfcf619","tarball":"https://registry.npmjs.org/plastic-map-marker-svg/-/plastic-map-marker-svg-0.0.0-preview.tgz","fileCount":15,"unpackedSize":69822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbOOXjCRA9TVsSAnZWagAAQ2QQAJ0CTAEN736/W/YRvUwf\nF8cQD2XSyJIyuo/lQasFniTpDY9HhJFnqgaLWLVR5C6EeIcLIG+X9zfMvjUD\ncRGNipqy8zByei1DowCyGFYFpAg9lsgKksqrEHq/kKCjhtXXD2HeKW8GFPQW\nOo2ONTTQhPdnV4MxGtEWVyncNXhpLQjm3h4p+rurQSs769oeGdYogmQHO2/R\ndKVHgWSUGzRRVmkJ9UH80UsRuDx5ArS/ARSIqDzRSWaw+UarKrlyiaQgeYoU\nL6qCMf/CY2ntRSUSYL+S+NBpwJ7tlzE6GigYsEwe5cWUNU0sDUSQ+BQaxMRM\nMWme5YRgCiDmU3YT0E+40PirGQUbXjzIEOB9inFEU3sx/02dMn6Ih05mehAo\nKeG4wdcajhT63Hu6G+pXjCgntcTzEo0idti5QlZpxmNaQ2ALsMjI1mfqPnCQ\nqKd6v2DHs3t+OAFhKNjz8qioUof1Ot0b8XO6IDdr3kn7XS+n76tnZluEfcPV\nuPa34iwLZpe/4XRrOD9hZ3Eh3l3MhDPT9VOKltD61ycN7YMf9OGnYuv4HRc5\n88JBV5mKwcUxhAecpVRJpWFTC82wJeyoZmwdQiNl+CZ552QU84S8IauGYgoe\nqPsTEaPYm7imsEq+NuKCyfrWVw4RlolhYpzQRZDRHmAPABOB/SldYzJBx5TL\nxwJT\r\n=9JNv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBfttPw0Dzmw/PL1M1V5A4fYs0cTmLgZD7wzBUn1Es6pAiA8jRYFrkEUIOslViZa+b0x5ZkEY5bJgw3JBqD4PFxd5Q=="}]},"maintainers":[{"name":"mlisook","email":"murray@lisook.net"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/plastic-map-marker-svg_0.0.0-preview_1530455523485_0.4851133621978141"},"_hasShrinkwrap":false},"1.0.0":{"description":"Custom SVG markers for google-map","keywords":["polymer","polymer 3.0","google-map","marker","web-components","svg"],"name":"plastic-map-marker-svg","version":"1.0.0","repository":{"type":"git","url":"git+https://github.com/mlisook/plastic-map-marker-svg.git"},"resolutions":{"inherits":"2.0.3","samsam":"1.1.3","supports-color":"3.1.2","type-detect":"1.0.0"},"main":"plastic-map-marker-svg.js","license":"MIT","dependencies":{"@atomiko/google-apis-holdout":"0.0.6","@atomiko/google-map-holdout":"0.0.6","@polymer/iron-meta":"^3.0.0-pre.18","@polymer/polymer":"^3.0.0"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.18","wct-browser-legacy":"^0.0.1-pre.11","@webcomponents/webcomponentsjs":"^2.0.2"},"gitHead":"e253101615a48ff7c30ee1510851480ddbb14b19","bugs":{"url":"https://github.com/mlisook/plastic-map-marker-svg/issues"},"homepage":"https://github.com/mlisook/plastic-map-marker-svg#readme","_id":"plastic-map-marker-svg@1.0.0","_npmVersion":"6.1.0","_nodeVersion":"8.9.4","_npmUser":{"name":"mlisook","email":"murray@lisook.net"},"dist":{"integrity":"sha512-1HM/gTl4XhAVBuCiGuY4OI+u99rkQHeErKmWQwvmBnQouOaPUKIpQErLKf5Wn83lisdRoTJcHPDj+v15/Qd8tA==","shasum":"0684b7e8ea13112d1fff176c1cfd2d155f3ea0d7","tarball":"https://registry.npmjs.org/plastic-map-marker-svg/-/plastic-map-marker-svg-1.0.0.tgz","fileCount":15,"unpackedSize":68478,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbOR4GCRA9TVsSAnZWagAAeJUP/jhiF0bBWKTMwljfeCp4\nsTlSX1jAG1qNWngLirPGdeAQc3Lml6PTirknN53yY4idj3p9jf1Mb3eA7vka\n+WCEu4veEuv1fRrfKO/ADwM05gS3sg/FtkTTL2rQAU/hwJYEAtwUbu+70dnh\nPsi6SoML/w5JUIVR3QwUU/Jd2tatwLLC44QQxamP6djVxVEePo48BIOZisW1\nQmMzReWahfqo1D905T68kF5/Z9aVbJSqEKX/9ggCDqkRxTs2oaioDK2t0t0z\ndfp9caAEnM3Z3LigljncaKQFIVLnaKoNYAH6hov03cfFqLaam9VJGnrKWMcW\ndpmmDcThB94NDPltSaZfKXQ36vyBZV01Pb6LU1FkOD9XGtXH15K21IJ2T8de\nxkOJ2ZJhhZ5H7xaeIVso+rGDAIAwRoxRDBePNs+bUCb8bT27gR2KmOOZZeqH\ntf4DGVilEAQWkQzbcUvILNp7JLAEz/snCAlBKP+aFwlgf4rTUiwKxu2gyS9Y\n91vhx4WctvSiS7LC3creQVZ0a855lO8y0MKMM4hBLZsqj8HHSUr36WrpREYE\nd7KGTI9/bjGvLYFlC6nM7e8C1RfYHrde1zQhWJa51mHGgInqqaZDf9zzMTcx\nHw0IISpecf20Qdr+I9algzOKMrftb+xWD4EFs7CtNSLbLb5pPrAqQCeKeNsa\nwW+s\r\n=RJ6m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZTMMDKxCqREl4y+NxzzeIVgXhWOklJplDraHzfw2QXwIhAIovNuV68ywRrgOmLPCic8s4cL8YNr2wtR+0hKFqojaj"}]},"maintainers":[{"name":"mlisook","email":"murray@lisook.net"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/plastic-map-marker-svg_1.0.0_1530469894187_0.8233242701115933"},"_hasShrinkwrap":false},"1.0.1":{"description":"Custom SVG markers for google-map","keywords":["polymer","polymer 3.0","google-map","marker","web-components","svg","typescript"],"name":"plastic-map-marker-svg","version":"1.0.1","repository":{"type":"git","url":"git+https://github.com/mlisook/plastic-map-marker-svg.git"},"resolutions":{"inherits":"2.0.3","samsam":"1.1.3","supports-color":"3.1.2","type-detect":"1.0.0"},"main":"plastic-map-marker-svg.js","license":"MIT","dependencies":{"@atomiko/google-apis-holdout":"0.0.6","@atomiko/google-map-holdout":"0.0.6","@polymer/iron-meta":"^3.0.0-pre.18","@polymer/polymer":"^3.0.0"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.18","@webcomponents/webcomponentsjs":"^2.0.2","wct-browser-legacy":"^0.0.1-pre.11"},"gitHead":"85c0c15b32d81bbe3da6c46fc800f0ac10e9e585","bugs":{"url":"https://github.com/mlisook/plastic-map-marker-svg/issues"},"homepage":"https://github.com/mlisook/plastic-map-marker-svg#readme","_id":"plastic-map-marker-svg@1.0.1","_npmVersion":"6.2.0","_nodeVersion":"8.9.4","_npmUser":{"name":"mlisook","email":"murray@lisook.net"},"dist":{"integrity":"sha512-WTQgnPLa9THg04PhCjThYTFE8hTJ2KN4tSltyV7PRiEH/IpjuB2E3ex242wjTIdtX67Ir/wRMaPcub30rzOLpw==","shasum":"86240bc6fbd5316b0adb57f0491516e90ff85e37","tarball":"https://registry.npmjs.org/plastic-map-marker-svg/-/plastic-map-marker-svg-1.0.1.tgz","fileCount":18,"unpackedSize":89969,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbbcp+CRA9TVsSAnZWagAACzkP/jK+zzDEdD+NRdDsFl8V\njfFAtMdhu0Vs2R4Xu/LeGe7bqWty3ORdxPTUAssrJdD9D1IrFfAOyYDSAscP\nSg/k51Q7k/NH+PykNiovOkD5TWA4QLiPsTcrbtXH7daCEPHtvl+0ZijAssrp\njrDZhQA/Fmg35KqsfvOL1yhQpPfZYmxfPufvbDOQ5lulFE/OEB62HiJUEImy\n44gjfXP3i5qpli0UlD+1HSE/NqLKU7jEAp1iYyiKT34EoirzQSR77H0VWz1g\noEze4ZOtHeHxyLoexvga/DBXcjTBbcZ8fZXeQGi7GQhUxMDg+0utbSfJk0LF\ni4aaFEx1cVG5Qp6CcIZkFDScS9R6jdlB8vpLaDJoiyZxHI2XOh479h21SHxS\nWK8DKMGSzMAiU/sBNgfsrdcZPp0uttzFy7OzgHkE2CZaHebUbBpe0AghIKOA\n4+4P8vqS84lXtynESvIcVEH438LqIPVvvizY/AsuGTCs/l8U+9G6DlzS2hCs\nSWebI1Gv6aJd8m0r3o884blLqC+zeCODJGMnksyF0yCosy48a42epbeM8eCp\nwYY5KXhU90hJh/ovEiK+3dpcJcxV+HF/DKyvVU4ZgBJV09W0LtjpCphxuRMX\nTP2+LkVUBqHqPucrDlph4guhKD33ACsKKDPWdwxZgRJvLQvFhv2dJdRvlC5m\nYIbW\r\n=qyzi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTHqOaBC6uM+PiUgbY5e+IsYZiJFMQLYVVotYeC2q12gIhANZBs9rtVPqUI9kPqMiJecg011SSLMGYSR3flvR9JdiL"}]},"maintainers":[{"name":"mlisook","email":"murray@lisook.net"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/plastic-map-marker-svg_1.0.1_1533921917504_0.9217519384501371"},"_hasShrinkwrap":false}},"time":{"created":"2018-07-01T14:32:03.484Z","0.0.0-preview":"2018-07-01T14:32:03.564Z","modified":"2022-05-13T01:18:29.473Z","1.0.0":"2018-07-01T18:31:34.292Z","1.0.1":"2018-08-10T17:25:17.599Z"},"maintainers":[{"name":"mlisook","email":"murray@lisook.net"}],"description":"Custom SVG markers for google-map","homepage":"https://github.com/mlisook/plastic-map-marker-svg#readme","keywords":["polymer","polymer 3.0","google-map","marker","web-components","svg","typescript"],"repository":{"type":"git","url":"git+https://github.com/mlisook/plastic-map-marker-svg.git"},"bugs":{"url":"https://github.com/mlisook/plastic-map-marker-svg/issues"},"license":"MIT","readme":"# \\\r\n\r\nCustom SVG map marker icons for google-map\r\n\r\nSee the [live demo site](https://mlisook.github.io/plastic-map-marker-svg) for samples and code.\r\n\r\n## What is it?\r\nThe elements in this package allow you to create a collection of SVG icons that can be used with `google-map-marker`, or with the Google Maps Javascript API, in the same way you would use `iron-iconset-svg` to create a collection of icons for `iron-icon`.\r\n\r\nThe marker icon sets you create can be used in two ways, depending on your need:\r\n* Retrieve the icon in code and asssign it to properties as needed.\r\n* Use `plastic-map-marker-svg` instead of `google-map-marker` \r\n\r\n## Versions\r\nThere is a version for Polymer 3.0 projects and a version for Polymer 2.x projects.\r\n\r\n### Install for Polymer 3.0\r\n```\r\nnpm i --save plastic-map-marker-svg\r\n```\r\n### Install for Polymer 2.0\r\n```\r\nbower install --save plastic-map-marker-svg#^0.0.3\r\n```\r\n\r\n## Creating a Marker Icon Set\r\nTo create a marker icon set you create a custom element with `plastic-map-marker-set` and include your SVG icon designs in that element (just like `iron-iconset-svg`):\r\n\r\n### Polymer 3.0\r\n```\r\n// file: sample-markers.js\r\nimport 'plastic-map-marker-set/plastic-map-marker-set.js';\r\nconst $_documentContainer = document.createElement('template');\r\n$_documentContainer.setAttribute('style', 'display: none;');\r\n$_documentContainer.innerHTML = `\r\n \r\n \r\n \r\n \r\n \r\n [[markerNum]]\r\n \r\n \r\n \r\n [[markerNum]]\r\n \r\n \r\n \r\n \r\n \r\n \r\n [[mtext]]\r\n \r\n \r\n \r\n \r\n \r\n \r\n`;\r\ndocument.head.appendChild($_documentContainer.content);\r\n```\r\n### Polymer 2.0\r\n```HTML\r\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n [[markerNum]]\r\n \r\n \r\n \r\n [[markerNum]]\r\n \r\n \r\n \r\n \r\n \r\n \r\n [[mtext]]\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n```\r\n### Design Considerations\r\nIt is important that each definition have:\r\n* an `id` which is unique, and that no other `g` elements have an `id`\r\n* a `viewBox` attribute - it defines the basis of the points in the SVG markup and allows the browser to scale the image as requested.\r\n\r\n### Not Really Data Binding, but ...\r\nWhile it's not actual data binding, marker definitions can have substitution points (see example markers above), marked with [[some.data.path]] that will be substituted in when you request the marker.\r\n\r\n## Using Your Icons\r\n### In Code\r\nYou can get a `google.map.icon` object for your marker icon by calling the static method `getMarkerSetIcon` of the `PlasticMapMarkerSet` which returns a `Promise` for a `google.map.icon` object:\r\n```HTML\r\n\r\n \r\n\r\n```\r\n```JS\r\nPlasticMapMarkerSet.getMarkerSetIcon('sample-markers', 'tdpin', 64, 96, myDataObject)\r\n .then((icon) => {\r\n this.icon = icon;\r\n this.points = [{\r\n lat: 37.779,\r\n lng: -122.3892\r\n }];\r\n });\r\n```\r\n### With plastic-map-marker-svg\r\n`plastic-map-marker-svg` extends `google-map-marker` (i.e. `class PlasticMapMarkerSvg extends customElements.get('google-map-marker')`) adding just the icon functions. \r\n\r\nThis is particularly useful if you are assigning different icons to different markers.\r\n\r\nYou use it in place of `google-map-marker`:\r\n```HTML\r\n\r\n \r\n \r\n \r\n\r\n```\r\nNote that the `icon-name' property is in the form set:icon e.g. \"sample-set:flag\".\r\n\r\n## License\r\nMIT\r\n## Issues\r\nPlease submit issues or questions through the github repository.\r\n## Contributions\r\nContributions via pull request are certainly welcome and appreciated.","readmeFilename":"README.md"}