https://github.com/atomjoy/vue3-google-maps

Jak stworzyć marker z popup, polygon lub marker po kliknięciu w google maps w Vue3.
https://github.com/atomjoy/vue3-google-maps

atomjoy atomjoy-github google-map-marker-infowindow map-events map-marker map-polygon map-popup vue3-google-map vue3-google-map-polygon vue3-google-map-remove-marker vue3-map-draw vue3-map-events vue3-map-infowindow vue3-map-marker vue3-map-polygon vue3-map-polygon-events vue3-map-popup vue3-mapa-google

Last synced: 10 days ago
JSON representation

Jak stworzyć marker z popup, polygon lub marker po kliknięciu w google maps w Vue3.

• Host: GitHub
• URL: https://github.com/atomjoy/vue3-google-maps
• Owner: atomjoy
• Created: 2022-12-05T20:17:58.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-06T07:58:51.000Z (almost 2 years ago)
• Last Synced: 2023-03-16T17:55:18.602Z (over 1 year ago)
• Topics: atomjoy, atomjoy-github, google-map-marker-infowindow, map-events, map-marker, map-polygon, map-popup, vue3-google-map, vue3-google-map-polygon, vue3-google-map-remove-marker, vue3-map-draw, vue3-map-events, vue3-map-infowindow, vue3-map-marker, vue3-map-polygon, vue3-map-polygon-events, vue3-map-popup, vue3-mapa-google
• Language: Vue
• Homepage: https://github.com/atomjoy/vue3-google-maps
• Size: 1.23 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue3 Google Maps komponenty

Jak utworzyć marker z popup, poligonu lub marker po kliknięciu w Google map w Vue3.

### Instalacja google api

```sh

npm i @googlemaps/js-api-loader

```

### Przekopiuj katalog z komponentami

```sh

components/map/google

```

### Dodaj klucz do api w pliku vite .env

```sh

VITE_GMAP_KEY=""

```

### Przykłady w katalogu

```sh

components/map/google/examples

```

### Dodaj przykłady do routera

```js

{

  path: '/map/marker',

  name: 'map.marker',

  component: () => import('../components/map/google/examples/MapMarkerView.vue'),

},

{

  path: '/map/polygon',

  name: 'map.polygon',

  component: () => import('../components/map/google/examples/MapPolygonView.vue'),

},

{

  path: '/map/marker/click',

  name: 'map.marker.click',

  component: () => import('../components/map/google/examples/MapMarkerOnClickView.vue'),

},

{

  path: '/map/polygon/draw',

  name: 'map.polygon.draw',

  component: () => import('../components/map/google/examples/MapPolygonDrawView.vue'),

},

```

### Map Marker