finds.dev← search

// the find

Akryum/vue-googlemaps

★ 532 · JavaScript · updated Aug 2021

Integrate Google Maps in your Vue application

A Vue 2 wrapper for the Google Maps JavaScript API that lets you use maps, markers, geocoders, and place searches as declarative Vue components. Targets Vue 2 projects that want to avoid manually wiring up the Google Maps SDK. Last touched in 2021 and explicitly marked 'Work In Progress' in the README.

The mixin-based architecture (MapElement, BoundProps, Events) is well-factored — writing a custom component is maybe 30 lines and you get two-way prop binding and event forwarding for free. The .sync pattern for map state like center and zoom feels natural in Vue 2. NearbyPlaces and PlaceDetails as renderless slot-scope components is a sensible abstraction over the Places API. Ships both ESM and UMD builds.

Vue 2 only — Vue 2 reached end-of-life at end of 2023, so this is a dead end for any new project. The README still says 'Work In Progress' and documentation is listed as 'work-in-progress' from launch; there is no full API reference. No TypeScript types anywhere, which matters a lot when you're passing raw Google Maps option objects through props. No test suite visible in the repo, and the last commit is five years old — bugs will not be fixed.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →