{"_id":"@dmnchzl/mnml-gmap-vue","_rev":"1-8b3a4e0433fedd9abb1f3ec40f043ddb","name":"@dmnchzl/mnml-gmap-vue","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.1":{"name":"@dmnchzl/mnml-gmap-vue","version":"0.1.1","description":"Vue: Minimal Google Map","author":{"name":"Damien Chazoule","email":"damien.chazoule@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/dmnchzl/minimalgooglemapvue.git"},"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","test":"jest"},"dependencies":{"vue":"~3.0.5"},"devDependencies":{"@testing-library/jest-dom":"~5.12.0","@testing-library/vue":"~6.4.0","@types/google.maps":"~3.44.0","@types/jest":"~26.0.20","@vitejs/plugin-vue":"~1.2.0","@vue/compiler-sfc":"~3.0.5","@vue/test-utils":"2.0.0-rc.6","core-js":"~3.12.0","jest":"~26.6.0","regenerator-runtime":"~0.13.5","ts-jest":"~26.5.5","typescript":"~4.1.0","vite":"~2.3.0","vue-jest":"5.0.0-alpha.9","vue-tsc":"~0.1.0"},"main":"./dist/mnml-gmap-vue.umd.js","module":"./dist/mnml-gmap-vue.es.js","exports":{".":{"import":"./dist/mnml-gmap-vue.es.js","require":"./dist/mnml-gmap-vue.umd.js"}},"keywords":["vue","googlemaps","gmap"],"license":"Beerware","gitHead":"ec96d3b440f1c838470b0373ecde7c74cf6127e9","bugs":{"url":"https://github.com/dmnchzl/minimalgooglemapvue/issues"},"homepage":"https://github.com/dmnchzl/minimalgooglemapvue#readme","_id":"@dmnchzl/mnml-gmap-vue@0.1.1","_nodeVersion":"16.13.0","_npmVersion":"8.3.0","dist":{"integrity":"sha512-fuBtCuNnw/4FsG3UdS3n3FN0sGN7oRhG1A0XOWtw5n+3gSX/m6D4ffTX06fcGVHjZHPdpfJmkh2sXWiNs+Pjzw==","shasum":"8eafb692ec1a2152b8bf6b44672cf408b4a8b524","tarball":"https://registry.npmjs.org/@dmnchzl/mnml-gmap-vue/-/mnml-gmap-vue-0.1.1.tgz","fileCount":5,"unpackedSize":8466,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhw2oSCRA9TVsSAnZWagAAFDMP/3CcqqkHZ3Hx0FQPLzEw\n1NeH9y3S1F2m29jRIskNL0PcyhVuF+HZ6JISRrHINKSoUGbA5mqFSUmWlZfb\nnVJNH/AfDEEJoeRV9Xn4YK21fE+QX3PG6k4NqD6/u2jnxLJw8VkAJblVUnOZ\nwmc5kTNDxHMh6Rc4dV7kMHjzo/EmV2UAbVQ6/zRcbm8lmreL+I4jAlkskF5R\nmWqbDcXjSgVEmMYUZoPiumC/TgvG1nICIxc1N0kU+pSDwMJL/gLjlZL1b5/Q\n+cV4EI+Nhiopfzy1mWFggq7bblhttaQcTNgi4isNPH9W70cHjTus/kKMhoqv\n9qnfA88YPpXsBCRmbS/hXOD0TYm0025eYxVM13q7udkcsnmHAVseeJGet/lY\nqZuxArdArNmQHFh5FGStXs8i4tp3Op8/kSc1jwKNcjwrfo2eZefo5NLAZpyo\ntLwZUoFxSkgIssx8dd7D6csWIXpWdBWUMbbelRC8wJW/nJa1XMZ+vCQ1eSsN\nPL2IHeto3RPXRcHrMr2baPC+D9smD4SQZ63vwxlbPWq/CfmUrqojske8Xypn\nY4SflGZleakchR8RGOq/Jnnvg7MT3WIcQ8PRXanr/QnTpGkBBzywiY7ZpVyA\nBM3vdV6O8L7KJNqRlKu7iFXJQSqTtXixVd0o1d2HrhKaK71RYm3dPMmx2wC3\n8oB7\r\n=D9lB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCVxpZ/S7X4tddQh4xNV0h9SVwgXmgm1IseYit0UoBR4AIgNDDz5bKNTxf2pHvwC5TjslQ7VnsVXqhaK7lIOMX+bIk="}]},"_npmUser":{"name":"dmnchzl","email":"damien.chazoule@gmail.com"},"directories":{},"maintainers":[{"name":"dmnchzl","email":"damien.chazoule@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mnml-gmap-vue_0.1.1_1640196625649_0.05300023486817196"},"_hasShrinkwrap":false}},"time":{"created":"2021-12-22T18:10:25.604Z","0.1.1":"2021-12-22T18:10:26.193Z","modified":"2022-04-05T05:00:16.722Z"},"maintainers":[{"name":"dmnchzl","email":"damien.chazoule@gmail.com"}],"description":"Vue: Minimal Google Map","homepage":"https://github.com/dmnchzl/minimalgooglemapvue#readme","keywords":["vue","googlemaps","gmap"],"repository":{"type":"git","url":"git+https://github.com/dmnchzl/minimalgooglemapvue.git"},"author":{"name":"Damien Chazoule","email":"damien.chazoule@gmail.com"},"bugs":{"url":"https://github.com/dmnchzl/minimalgooglemapvue/issues"},"license":"Beerware","readme":"[![npm](https://img.shields.io/npm/v/@dmnchzl/mnml-gmap-vue.svg)](https://github.com/dmnchzl/minimalgooglemapvue) [![minified size](https://img.shields.io/bundlephobia/min/@dmnchzl/mnml-gmap-vue.svg)](https://www.npmjs.com/package/@dmnchzl/mnml-gmap-vue) [![beerware](https://img.shields.io/badge/license-beerware-orange.svg)](https://wikipedia.org/wiki/beerware)\n\n# Minimal Google Map\n\n**@dmnchzl/mnml-gmap-vue** is a **Vue** component to simply inject [Google Maps](https://maps.google.com) 🌍 inside your projet.\n\nThis library is published under the Beerware license, which means you can do whatever you want with the code.\n\nThis project is powered by [ViteJS](https://vitejs.dev).\n\n## How To Use\n\nFirst of all, you need to install the package:\n\n```\n  npm install @dmnchzl/mnml-gmap-vue\n```\n\n<details>\n  <summary>Equivalent with Yarn</summary>\n  \n  ```\n    yarn add @dmnchzl/mnml-gmap-vue\n  ```\n</details>\n<br>\n\nThen, use the component as these samples below:\n\n```vue\n  <template>\n    <div class=\"container\">\n      <GMap\n        :apiKey=\"apiKey\"\n        :defaultCenter=\"location\"\n        :defaultZoom=\"5\"\n      />\n    </div>\n  </template>\n\n  <script>\n  import { GMap } from '@dmnchzl/mnml-gmap-vue';\n\n  /**\n   * The 'keyke' (Key + Fake = Cake) is a lie\n   * NB: Worst pun ever; i know that...\n   */\n  const API_KEY = 'YLzo6G7hJxAg55x/EvkEaPTvoO/PhQ9ASxzZ5A6OsNJLE4dxq+zK2lJ5Ta7/z5bbtQ9C2f2jDRRW6JyUArVIpQ==';\n  const EIFFEL_TOWER = { lat: 48.8619, lng: 2.2945 };\n\n  export default {\n    components: {\n      GMap\n    },\n    computed: {\n      apiKey: () => API_KEY\n    },\n    data() {\n      return {\n        location: { lat: EIFFEL_TOWER.lat, lng: EIFFEL_TOWER.lng }\n      };\n    }\n  };\n  </script>\n```\n\n<details>\n  <summary>More options are also available</summary>\n  \n  ```vue\n    <template>\n      <div class=\"container\">\n        <GMap\n          :apiKey=\"apiKey\"\n          :defaultCenter=\"location\"\n          :defaultZoom=\"5\"\n          :markers=\"markers\"\n          :styledMap=\"styleArray\"\n          :enableUI=\"true\"\n        />\n      </div>\n    </template>\n\n    <script>\n    import { GMap } from '@dmnchzl/mnml-gmap-vue';\n    import styleArray from './styleArray';\n\n    const API_KEY = 'YLzo6G7hJxAg55x/EvkEaPTvoO/PhQ9ASxzZ5A6OsNJLE4dxq+zK2lJ5Ta7/z5bbtQ9C2f2jDRRW6JyUArVIpQ==';\n    const EIFFEL_TOWER = { lat: 48.8619, lng: 2.2945 };\n    const BIG_BEN = { lat: 51.5021, lng: -0.1242 };\n    const COLISEUM = { lat: 41.8961, lng: 12.4879 };\n\n    export default {\n      components: {\n        GMap\n      },\n      computed: {\n        apiKey: () => API_KEY,\n        styleArray: () => styleArray\n      },\n      data() {\n        return {\n          location: { lat: EIFFEL_TOWER.lat, lng: EIFFEL_TOWER.lng },\n          markers: [\n            {\n              ...EIFFEL_TOWER,\n              onClick: () => console.log('Eiffel Tower')\n            },\n            {\n              ...BIG_BEN,\n              onClick: () => console.log('Big Ben')\n            },\n            {\n              ...COLISEUM,\n              onClick: () => console.log('Coliseum')\n            }\n          ]\n        };\n      }\n    };\n    </script>\n  ```\n</details>\n<br>\n\n### Important\n\nYou need to create a account on [cloud.google.com](https://console.cloud.google.com), and generate an `API_KEY`, to use **Google Maps** API (and so this component).\n\n## Local Development\n\nIf you want more,\n\nYou can clone the project:\n\n```\ngit clone https://github.com/dmnchzl/minimalgooglemapvue.git\n```\n\nInstall dependencies:\n\n```\nyarn install\n```\n\nDevelop locally:\n\n```\nyarn dev\n```\n\nRun all unit tests:\n\n```\nyarn test\n```\n\nAnd finally compile the project:\n\n```\nyarn build\n```\n\nEnjoy 👍\n\n## License\n\n```\n\"THE BEER-WARE LICENSE\" (Revision 42):\n<phk@FreeBSD.ORG> wrote this file. As long as you retain this notice you\ncan do whatever you want with this stuff. If we meet some day, and you think\nthis stuff is worth it, you can buy me a beer in return. Damien Chazoule\n```\n","readmeFilename":"README.md"}