https://github.com/janumedia/photos-mapping-with-google-marker-clusterer

Photos Mapping with Google Marker Clusterer in Vue 3 with TypeScript
https://github.com/janumedia/photos-mapping-with-google-marker-clusterer

clustering composition-api google-maps google-markers javascript marker-clusterer typescript vue vue3-typescript

Last synced: 7 days ago
JSON representation

Photos Mapping with Google Marker Clusterer in Vue 3 with TypeScript

• Host: GitHub
• URL: https://github.com/janumedia/photos-mapping-with-google-marker-clusterer
• Owner: janumedia
• License: cc0-1.0
• Created: 2022-01-12T15:46:24.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-21T23:58:30.000Z (almost 3 years ago)
• Last Synced: 2024-11-07T19:46:46.119Z (about 2 months ago)
• Topics: clustering, composition-api, google-maps, google-markers, javascript, marker-clusterer, typescript, vue, vue3-typescript
• Language: TypeScript
• Homepage: https://googlemap-custom-marker.netlify.app
• Size: 104 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Photos Mapping in Google Maps using Marker Clusterer with Vue 3 and TypeScript

![Preview](/images/preview.jpg)

**iPhone / iOS photos gallery places map style.**

[![Netlify Status](https://api.netlify.com/api/v1/badges/855113b4-5b7f-4b9d-a752-66815639c4ca/deploy-status)](https://app.netlify.com/sites/googlemap-custom-marker/deploys)

Originally wrote in Vanila JS for P.L. Dronkers Project Research in 2019

and rewrote in Vue + TypeScript for [KITLV maps project](https://maps.kitlv.janumedia.com)

#### Libraries

1. GoogleMaps API

5. @types/google-maps

6. @googlemaps/markerclusterer

#### Languages

1. HTML5

2. CSS

3. TypeScript

#### Frameworks

1. Vite

2. Vue 3