https://github.com/ilyaliao/voomap

Easy use of Google Maps with Composition API
https://github.com/ilyaliao/voomap

com composition-api google-maps google-maps-api typescript vue3

Last synced: about 2 months ago
JSON representation

Easy use of Google Maps with Composition API

• Host: GitHub
• URL: https://github.com/ilyaliao/voomap
• Owner: ilyaliao
• License: mit
• Created: 2023-07-31T10:58:02.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-31T17:37:05.000Z (3 months ago)
• Last Synced: 2024-12-16T23:11:38.594Z (about 2 months ago)
• Topics: com, composition-api, google-maps, google-maps-api, typescript, vue3
• Language: Vue
• Homepage: https://voomap.vercel.app
• Size: 529 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.config.json
  • 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

[![code style](https://antfu.me/badge-code-style.svg)](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)