Git Product home page Git Product logo

js-samples's Introduction

Build Release GitHub contributors Apache-2.0 Discord

js-samples

Description

Samples for the Google Maps JavaScript API.

The samples can be demoed at the official documentation site.

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.

js-samples's People

Contributors

dependabot[bot] avatar jpoehnelt avatar skaree avatar googlemaps-bot avatar broady avatar willum070 avatar wangela avatar markmcd avatar domesticmouse avatar kaskaderc avatar stephenfarrar avatar stephenmcd avatar jlivni avatar miguev avatar amuramoto avatar jonfor avatar brendankenny avatar saxman avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.