GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → beyonk-adventures → svelte-googlemaps

beyonk-adventures / svelte-googlemaps

Licence: other
Svelte Google Maps Components

Programming Languages

Svelte
593 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Labels

googlemapsgooglemapsssrgoogle-mapsgeolocationvanilla-javascriptsvelteplacesgmapsvanillajs

Projects that are alternatives of or similar to svelte-googlemaps

GoogleMapsHelper
An easy to integrate Model Based Google Maps Helper (SVHTTPClient, AFNetworking) That lets you Geo Code , Reverse Geocode, Get Directions , Places Autocomplete.
Stars: ✭ 21 (-66.13%)
Mutual labels:  maps, google-maps, places
js-markerclusterer
Create and manage clusters for large amounts of markers
Stars: ✭ 92 (+48.39%)
Mutual labels:  googlemaps, maps, google-maps
Flask Googlemaps
Easy way to add GoogleMaps to Flask applications. maintainer: @RiverFount
Stars: ✭ 550 (+787.1%)
Mutual labels:  googlemaps, maps, google-maps
trackanimation
Track Animation is a Python 2 and 3 library that provides an easy and user-adjustable way of creating visualizations from GPS data.
Stars: ✭ 74 (+19.35%)
Mutual labels:  maps, google-maps, geolocation
Airbnb Android Google Map View
This is a sample Android Application which has Google Map view similar to what AirBnb Android Application. Moving Markers like Uber/Ola. Custom Google Search for places. Recycler view with Animations added.
Stars: ✭ 175 (+182.26%)
Mutual labels:  googlemaps, maps, google-maps
Leku
🌍 Map location picker component for Android. Based on Google Maps. An alternative to Google Place Picker.
Stars: ✭ 612 (+887.1%)
Mutual labels:  maps, google-maps, geolocation
SimplePlacePicker
Android place picker module for searching and selecting a location on google maps
Stars: ✭ 42 (-32.26%)
Mutual labels:  maps, google-maps, places
geocoder
Geocoder is a Typescript library which helps you build geo-aware applications by providing a powerful abstraction layer for geocoding manipulations
Stars: ✭ 28 (-54.84%)
Mutual labels:  google-maps, geolocation, places
Google Maps Services Js
Node.js client library for Google Maps API Web Services
Stars: ✭ 2,432 (+3822.58%)
Mutual labels:  maps, places
Gmapsfx
Java API for using Google Maps within a JavaFX application.
Stars: ✭ 233 (+275.81%)
Mutual labels:  maps, google-maps
google-maps-utility-library-v3-read-only
git clone of http://google-maps-utility-library-v3.googlecode.com/svn/
Stars: ✭ 51 (-17.74%)
Mutual labels:  googlemaps, maps
React Native Open Maps
🗺 A simple react-native library to perform cross-platform map actions (Google or Apple Maps)
Stars: ✭ 192 (+209.68%)
Mutual labels:  maps, google-maps
Google Maps
Google Maps Web Services API wrapper for .NET
Stars: ✭ 171 (+175.81%)
Mutual labels:  maps, google-maps
Mapme
The Android maps adapter
Stars: ✭ 844 (+1261.29%)
Mutual labels:  googlemaps, maps
React Native Maps
React Native Mapview component for iOS + Android
Stars: ✭ 12,795 (+20537.1%)
Mutual labels:  maps, google-maps
Aerialbot
A simple yet highly configurable bot that tweets geotagged aerial imagery of a random location in the world.
Stars: ✭ 157 (+153.23%)
Mutual labels:  maps, google-maps
Js Samples
Samples for the Google Maps JavaScript v3 API
Stars: ✭ 362 (+483.87%)
Mutual labels:  googlemaps, maps
Ionic 3 Google Maps Google Places Geolocation
This repository is part of an ionic tutorial about Maps! In this tutorial we merged Google maps, Geolocation and Google Places. This ionic tutorial includes a working example you can reuse for your needs!
Stars: ✭ 32 (-48.39%)
Mutual labels:  googlemaps, geolocation
geojson-editor
A modified version of Googles Simple GeoJSON Editor
Stars: ✭ 43 (-30.65%)
Mutual labels:  maps, google-maps
svelte-mapbox
MapBox Map and Autocomplete components for Svelte (or Vanilla JS)
Stars: ✭ 267 (+330.65%)
Mutual labels:  maps, google-maps
View All Similar Projects ➔




Svelte Google Maps

js-standard-style publish svelte-v3

Maps and Places components in Vanilla JS (or Svelte)

Particular focus on efficient loading of Google components in an SPA.

SSR Ready

WIP

Documentation is a WIP. Be prepared to examine the source code to get any use out of this right now!

The GoogleMap and GooglePlacesAutocomplete components are a Google Map and Google Places Autocomplete component respectively.

Usage

To use within a Svelte application:

<GooglePlacesAutocomplete apiKey="your-maps-api-key"/>
<GoogleMap apiKey="your-maps-api-key"/>

<script>
  import { GoogleMap, GooglePlacesAutocomplete } from '@beyonk/svelte-googlemaps'
</script>

Options

Autocomplete

Attribute Purpose Allowed Default
ariaLabel Sets aria-label value on input string 'location'
on:placeChanged Place changed event (does not fire if user hit enter without selecting an address) any function -
placeholder placeholder text any string -
styleClass css styles for input any classes -
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].