feat(BicyclingLayer):

- Add new component for _Google Maps BicyclingLayer_

src/__tests__/index.spec.js

@@ -16,6 +16,7 @@ describe("react-google-maps module (index.js)", () => {
     FusionTablesLayer,
     KmlLayer,
     TrafficLayer,
+    BicyclingLayer,
     StreetViewPanorama,
   } = require("../")
 
@@ -42,6 +43,7 @@ describe("react-google-maps module (index.js)", () => {
     expect(FusionTablesLayer).toBeDefined()
     expect(KmlLayer).toBeDefined()
     expect(TrafficLayer).toBeDefined()
+    expect(BicyclingLayer).toBeDefined()
     expect(StreetViewPanorama).toBeDefined()
   })
 })

src/components/BicyclingLayer.md

@@ -0,0 +1,63 @@
+### Usage
+
+```jsx static
+import { compose, withProps } from "recompose";
+import {
+  withScriptjs,
+  withGoogleMap,
+  GoogleMap,
+  BicyclingLayer,
+} from "react-google-maps";
+
+const MapWithABicyclingLayer = compose(
+  withProps({
+    googleMapURL: "https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=geometry,drawing,places",
+    loadingElement: <div style={{ height: `100%` }} />,
+    containerElement: <div style={{ height: `400px` }} />,
+    mapElement: <div style={{ height: `100%` }} />,
+  }),
+  withScriptjs,
+  withGoogleMap
+)(props =>
+  <GoogleMap
+    defaultZoom={8}
+    defaultCenter={{ lat: 41.9, lng: -87.624 }}
+  >
+    <BicyclingLayer />
+  </GoogleMap>
+);
+
+<MapWithABicyclingLayer />
+```
+
+### Map with a BicyclingLayer
+
+```jsx
+const { compose, withProps } = require("recompose");
+const {
+  withScriptjs,
+  withGoogleMap,
+  GoogleMap,
+  BicyclingLayer,
+} = require("../index");
+
+const MapWithABicyclingLayer = compose(
+  withProps({
+    googleMapURL: "https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=geometry,drawing,places",
+    loadingElement: <div style={{ height: `100%` }} />,
+    containerElement: <div style={{ height: `400px` }} />,
+    mapElement: <div style={{ height: `100%` }} />,
+  }),
+  withScriptjs,
+  withGoogleMap
+)(props =>
+  <GoogleMap
+    defaultZoom={12}
+    defaultCenter={{ lat: 34.17223, lng: -118.37897 }}
+  >
+    <BicyclingLayer autoUpdate />
+  </GoogleMap>
+);
+
+<MapWithABicyclingLayer />
+```

src/constants.js

@@ -39,3 +39,5 @@ export const INFO_BOX = `__SECRET_INFO_BOX_DO_NOT_USE_OR_YOU_WILL_BE_FIRED`
 export const TRAFFIC_LAYER = `__SECRET_TRAFFIC_LAYER_DO_NOT_USE_OR_YOU_WILL_BE_FIRED`
 
 export const STREET_VIEW_PANORAMA = `__SECRET_STREET_VIEW_PANORAMA_DO_NOT_USE_OR_YOU_WILL_BE_FIRED`
+
+export const BICYCLING_LAYER = `__SECRET_BICYCLING_LAYER_DO_NOT_USE_OR_YOU_WILL_BE_FIRED`

src/index.js

@@ -29,3 +29,5 @@ export { default as KmlLayer } from "./components/KmlLayer"
 export { default as TrafficLayer } from "./components/TrafficLayer"
 
 export { default as StreetViewPanorama } from "./components/StreetViewPanorama"
+
+export { default as BicyclingLayer } from "./components/BicyclingLayer"

src/macros/BicyclingLayer.jsx

@@ -0,0 +1,76 @@
+/* global google */
+import React from "react"
+import PropTypes from "prop-types"
+
+import {
+  construct,
+  componentDidMount,
+  componentDidUpdate,
+  componentWillUnmount,
+} from "../utils/MapChildHelper"
+
+import { MAP, BICYCLING_LAYER } from "../constants"
+
+export const __jscodeshiftPlaceholder__ = `{
+  "eventMapOverrides": {
+  },
+  "getInstanceFromComponent": "this.state[BICYCLING_LAYER]"
+}`
+
+/**
+ * @url https://developers.google.com/maps/documentation/javascript/3.exp/reference#BicyclingLayer
+ */
+export class BicyclingLayer extends React.PureComponent {
+  static propTypes = {
+    __jscodeshiftPlaceholder__: null,
+  }
+
+  static contextTypes = {
+    [MAP]: PropTypes.object,
+  }
+
+  /*
+   * @url https://developers.google.com/maps/documentation/javascript/3.exp/reference#BicyclingLayer
+   */
+  constructor(props, context) {
+    super(props, context)
+    const bicyclingLayer = new google.maps.BicyclingLayer()
+    construct(BicyclingLayer.propTypes, updaterMap, this.props, bicyclingLayer)
+    bicyclingLayer.setMap(this.context[MAP])
+    this.state = {
+      [BICYCLING_LAYER]: bicyclingLayer,
+    }
+  }
+
+  componentDidMount() {
+    componentDidMount(this, this.state[BICYCLING_LAYER], eventMap)
+  }
+
+  componentDidUpdate(prevProps) {
+    componentDidUpdate(
+      this,
+      this.state[BICYCLING_LAYER],
+      eventMap,
+      updaterMap,
+      prevProps
+    )
+  }
+
+  componentWillUnmount() {
+    componentWillUnmount(this)
+    const bicyclingLayer = this.state[BICYCLING_LAYER]
+    if (bicyclingLayer) {
+      bicyclingLayer.setMap(null)
+    }
+  }
+
+  render() {
+    return false
+  }
+}
+
+export default BicyclingLayer
+
+const eventMap = {}
+
+const updaterMap = {}