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 → googlemaps → Js Samples

googlemaps / Js Samples

Licence: other
Samples for the Google Maps JavaScript v3 API

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Labels

mapssamplesgooglemaps

Projects that are alternatives of or similar to Js Samples

Easymap
Ready to use Address Selection Library using Google Maps and Places API.
Stars: ✭ 66 (-81.77%)
Mutual labels:  googlemaps, maps
Flask Googlemaps
Easy way to add GoogleMaps to Flask applications. maintainer: @RiverFount
Stars: ✭ 550 (+51.93%)
Mutual labels:  googlemaps, maps
Mapme
The Android maps adapter
Stars: ✭ 844 (+133.15%)
Mutual labels:  googlemaps, maps
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 (-51.66%)
Mutual labels:  googlemaps, maps
Azuremapscodesamples
A set of code samples for the Azure Maps web control.
Stars: ✭ 167 (-53.87%)
Mutual labels:  samples, maps
js-markerclusterer
Create and manage clusters for large amounts of markers
Stars: ✭ 92 (-74.59%)
Mutual labels:  googlemaps, maps
svelte-googlemaps
Svelte Google Maps Components
Stars: ✭ 62 (-82.87%)
Mutual labels:  googlemaps, maps
google-maps-utility-library-v3-read-only
git clone of http://google-maps-utility-library-v3.googlecode.com/svn/
Stars: ✭ 51 (-85.91%)
Mutual labels:  googlemaps, maps
Mappa
A canvas wrapper for Maps 🗺 🌍
Stars: ✭ 290 (-19.89%)
Mutual labels:  maps
Map33.js
A JavaScript library to make 3D maps with three.js.
Stars: ✭ 317 (-12.43%)
Mutual labels:  maps
React Native Maps Super Cluster
A Clustering-enabled map for React Native
Stars: ✭ 284 (-21.55%)
Mutual labels:  maps
Mapdeck
R interface to Deck.gl and Mapbox
Stars: ✭ 296 (-18.23%)
Mutual labels:  maps
Prism Samples Forms
Samples that demonstrate how to use various Prism features with Xamarin.Forms
Stars: ✭ 327 (-9.67%)
Mutual labels:  samples
Hangouts Chat Samples
Chat Bot Samples for Google Chat.
Stars: ✭ 284 (-21.55%)
Mutual labels:  samples
Vehicle In Motion
This is a basic implementation of location listener using Google Maps Api
Stars: ✭ 339 (-6.35%)
Mutual labels:  maps
Wear Os Samples
Multiple samples showing best practices in app and watch face development on Wear OS.
Stars: ✭ 277 (-23.48%)
Mutual labels:  samples
Maps Pair Programming
Fastest marker render +500k markers
Stars: ✭ 280 (-22.65%)
Mutual labels:  maps
Googleapi
C# .NET Core Google Api (Maps, Places, Roads, Search, Translate). Supports all endpoints and requests / responses.
Stars: ✭ 346 (-4.42%)
Mutual labels:  maps
Xnagamestudio
The Education library from the Xbox Live Indie games repository, valuable for MonoGame Developers for advanced samples
Stars: ✭ 332 (-8.29%)
Mutual labels:  samples
Android Maps Utils
Maps SDK for Android Utility Library
Stars: ✭ 3,330 (+819.89%)
Mutual labels:  maps
View All Similar Projects ➔

Build Release GitHub contributors Apache-2.0

js-samples

Description

Samples for the Google Maps JavaScript API.

The samples can be demoed on the GitHub demo page or at the official documentation site.

Initialize an app from a sample

# install the package
npm i -g @googlemaps/js-samples

# extract a sample to a destination folder
googlemaps-js-samples init map-simple destFolder

# run the sample
cd destFolder
npm i
npm run dev

Replace map-simple with the path to another sample in this repository.

Development

Build

  1. npm i Install dependencies.
  2. npm run build Build all targets and update dist/ folder.

Test

  1. npm run lint Optionaly fix lint issues with npm run format
  2. npm test Test outputs.

Run

  1. Start a server with all samples using npm start or bazel run serve (or ibazel for faster live reload)
  2. Start a specific sample with bazel run samples/map-simple:devserver (or ibazel for faster live reload)

Caching

It may be possible to enable remote caching with Bazel to speed builds. This will require running gcloud auth application-default login. This requires access to a specific GCS bucket that most developers do not have.

Inputs and outputs

The following table identifies the inputs and outputs.

File Edit jsFiddle Description
samples/*/src/index.js Y N JavaScript for sample for JS tab
samples/*/src/index.njk Y N HTML template for sample
samples/*/src/style.scss Y N SCSS style for sample
shared/layout.njk Y N Shared HTML template to extend
shared/scss/* Y N Shared SCSS styles
dist/samples/*/index.html N N Inline HTML, CSS, JS with development key and transpiled for >1%, ie11
dist/samples/*/iframe.html N N Inline HTML, CSS, JS for iframe without html, head, body tags transpiled for ie11 and >1%, ie11
dist/samples/*/inline.html N N Inline HTML, CSS, JS for All tab transpiled for >3%
dist/samples/*/jsfiddle.html N Y HTML without CSS or JS for in jsFiddle
dist/samples/*/sample.html N N HTML without CSS or JS for HTML tab
dist/samples/*/style.css N Y CSS output from SCSS for CSS tab

Other resources

Support

These libraries are community supported. We're comfortable enough with the stability and features of the libraries that we want you to build real production applications on it.

If you find a bug, or have a feature suggestion, please log an issue. If you'd like to contribute, please read How to Contribute.

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].