https://github.com/ilyaliao/voomap
Easy use of Google Maps with Composable / Component
https://github.com/ilyaliao/voomap
composable composition-api google-maps google-maps-api typescript vue3
Last synced: 8 months ago
JSON representation
Easy use of Google Maps with Composable / Component
- Host: GitHub
- URL: https://github.com/ilyaliao/voomap
- Owner: ilyaliao
- License: mit
- Created: 2023-07-31T10:58:02.000Z (almost 3 years ago)
- Default Branch: v0.1
- Last Pushed: 2025-04-03T16:41:10.000Z (about 1 year ago)
- Last Synced: 2025-04-10T07:15:31.903Z (about 1 year ago)
- Topics: composable, composition-api, google-maps, google-maps-api, typescript, vue3
- Language: TypeScript
- Homepage: https://voomap.vercel.app
- Size: 784 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Easy use of Google Maps with Composition API
> Voomap is built using Composition API and TypeScript.
## 📦 Install
```bash
npm i @voomap/map
```
## 🦄 Usage
### Map
Before using `voomap`, the only thing you need to do is to [apply for a Google Maps API](https://developers.google.com/maps/documentation/javascript/get-api-key).
```html
import { GoogleMap } from '@voomap/map'
import { reactive } from 'vue'
const center = reactive<google.maps.LatLngLiteral>({
lat: 25.0855388,
lng: 121.4791004,
})
```
Refer to [documentations](https://voomap.vercel.app/) for more details.
### Marker
To make it easy for you to use **Google Map**, you can simply add the components you need as child components, just as easily as with `element-ui`!
```html
import { GoogleMap, Marker } from '@voomap/map'
import { reactive } from 'vue'
const center = reactive<google.maps.LatLngLiteral>({
lat: 25.0855388,
lng: 121.4791004,
})
```
## 📃 Code Style
[](https://github.com/antfu/eslint-config)
## 👨🚀 Contributors
This project is not yet complete, and I warmly welcome feature requests and improvement suggestions. You can create an issue to initiate a discussion with me!
## 📄 License
[MIT](./LICENSE) License © 2024-PRESENT [Ilya Liao](https://github.com/ilyaliao)