{"_id":"@budisuryadi/google-maps","_rev":"1-5f08823123190f1b7892af40365794b3","name":"@budisuryadi/google-maps","dist-tags":{"latest":"1.1.0"},"versions":{"1.1.0":{"name":"@budisuryadi/google-maps","version":"1.1.0","description":"A use case of google maps.","main":"dist/google-maps.js","module":"dist/google-maps.es.js","scripts":{"build":"npm run clean && rollup -c","clean":"rm -rf dist/"},"dependencies":{"@polymer/lit-element":"^0.6.1"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@webcomponents/webcomponentsjs":"^2.0.0","wct-browser-legacy":"^1.0.0","@polymer/polymer":"^3.0.0","rollup":"^1.20.0"},"license":"MIT","directories":{"test":"test"},"repository":{"type":"git","url":"git+https://github.com/budisuryadi1288/wirecase-google-maps.git"},"author":{"name":"budi suryadi"},"bugs":{"url":"https://github.com/budisuryadi1288/wirecase-google-maps/issues"},"homepage":"https://github.com/budisuryadi1288/wirecase-google-maps#readme","gitHead":"a59ee87d02ee26c9803dda21b1b0627b3effb826","_id":"@budisuryadi/google-maps@1.1.0","_nodeVersion":"13.0.1","_npmVersion":"6.12.0","dist":{"integrity":"sha512-8Ofvph3WFwTCOcRsiAHto8SuKut96kmDNzBhP2+mdbulKcnjtk+Q9S81l5yDvIW/GMPVvRkuK95ukxYwfNlDwA==","shasum":"3d877c3132ccab9cb5c713626080e4e9756239ed","tarball":"https://registry.npmjs.org/@budisuryadi/google-maps/-/google-maps-1.1.0.tgz","fileCount":7,"unpackedSize":39534,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd2uVBCRA9TVsSAnZWagAAul8P/irJl6OMTCqzs/agIK5s\n49N0bxnMe6v8V8lrCBSukVmPoekajwjNPXujEujTJId6EqZYp8SeWyv7liyV\nihaFpFrRWRB1+trugQZDe9LoMPJfHVf33IFDg+gSIG3IvojU2sO2U1+lutIY\nhnznLxnmLoHyVzLh9gaBwtgei5emD//Z9vqhblJiSL4dFMTecQN8qsxccVRW\ny0Fy9hQwnNf51pKujhhf5lEMAHYYVffg860rCbeboKhQvRcpoWM2aWDk1H0e\nCrXvlgRES7n6HbiuzvTk+00jZxBI8S1nxwssMa+OcNdGy+sCe2lttI6eIvj4\n0yUBHm0dousI8ALhj9kUIWzErYRK2eGrnp4UpcxnDfGC5Wcl0r83kvmICtve\no1JKsgnH9Us0DooCz3C9CvArAE3gUZZj6pfcYxE1nvFGn/Dcm4FLijVkN9H6\nXCZ8V0gZ6TMMxlNVXIxrDpBOk5KX28JbaHVhokgT/Q70znhR4z36169ulC7A\naPtWRQIYB32WzKEJ5L9jvRwaP3azMPCA6vupjEg63hPXCQxUbo8rMk/ISi0k\nMMiwIuFOxa6OERhmFCVZx6kXiCKRe27zSEjwB7pEq2SEA0HL4mjOXCg03TXU\n0B867Agvg1ksU/6ihpkYg06TPA8Gw87UVcAwJfT1qOfykT0qb4k8r10mnNof\nI1zx\r\n=B1Xl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsDQAodH0xEiBTiXTjo+9Ls434BiHPRm7aN3cEv8IUDwIgZ/jc71JF7XaQYCgOSZ9xUrfeLxYAA1muKbrUuGccgMY="}]},"maintainers":[{"name":"budisuryadi","email":"bud1.5ury4d1@gmail.com"}],"_npmUser":{"name":"budisuryadi","email":"bud1.5ury4d1@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/google-maps_1.1.0_1574626625129_0.27361533367743296"},"_hasShrinkwrap":false}},"time":{"created":"2019-11-24T20:17:04.820Z","1.1.0":"2019-11-24T20:17:05.240Z","modified":"2022-04-04T20:56:58.013Z"},"maintainers":[{"name":"budisuryadi","email":"bud1.5ury4d1@gmail.com"}],"description":"A use case of google maps.","homepage":"https://github.com/budisuryadi1288/wirecase-google-maps#readme","repository":{"type":"git","url":"git+https://github.com/budisuryadi1288/wirecase-google-maps.git"},"author":{"name":"budi suryadi"},"bugs":{"url":"https://github.com/budisuryadi1288/wirecase-google-maps/issues"},"license":"MIT","readme":"# wirecase-google-maps\r\n\r\nA limited use case of google maps with clickable markers. Great for your basic use case, should be got do go every where lit element is served.\r\n\r\n## Using wirecase-google-maps\r\n### Before you start\r\n\r\nYou will be needing your own api key from google. Since this key is passed as a parameter on the url you can't hid it so make sure you restrict it according to your use case.\r\nYou can set up your own api key at [Googles Developer Console](https://console.developers.google.com/apis/).\r\n\r\n### Getting the element on the page\r\n#### installing\r\nThis component is in the npm registry so you can just.\r\n```bash\r\nnpm i wirecase-google-maps\r\n```\r\nin you project directory.\r\n#### using\r\nThis lit element is written as a module so you can use the following.\r\n\r\n```html\r\n<script type=\"module\" src=\"../google-maps.js\"></script>\r\n```\r\nor\r\n```javascript\r\nimport \"wirecase-google-maps/google-maps.js\";\r\n```\r\nInto your project then call it and pass your key to the apiKey property.\r\n\r\n```javascript\r\nproperties:\r\napiKey: API_KEY, // Your google maps api key\r\nmarkers:  // an array of objects that represent map markers. Setter so property must be assigned with = opperator to work properly\r\n  [{\r\n    position: {lat: Your lat, lgn: Your long},\r\n    icon: icon to overRide default,\r\n    selectedIcon: icon to overRide selectedIcon Default,\r\n    infoWindowContent: HTML string of content to pop up in info window win clicked.\r\n  }],\r\nicon: DEFAULT_ICON, // We set one but if you dont like it change it.\r\nselectedIcon: DEFAULT_SELECTED_ICON, // We set one but if you dont like it change it.\r\nselectedMarkerId: INDEX_OF_SELECTED_ICON // We set this to change selected icon externally. Setter so must be assigned to work properly.\r\n// Fires 'map-pin-selected' event when selected Marker is changed.\r\n```\r\n\r\n## Contributing\r\n\r\n### Install the Polymer-CLI\r\n\r\nFirst, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally. Right now the api key is hard coded for the demo. A pr is forth coming where you will have to enter it in some way. For now please be kind with your demo usage.\r\n\r\n### Viewing Your changes\r\n\r\n```\r\n$ polymer serve\r\n```\r\n\r\n### Running Tests\r\n\r\n```\r\n$ polymer test\r\n```\r\n\r\n","readmeFilename":"README.md"}