Skip to content

Instantly share code, notes, and snippets.

@MicheleBertoli
MicheleBertoli / demo.js
Created September 27, 2015 13:39
Gmaps Update
import React from 'react';
import {Gmaps} from 'react-gmaps';
const App = React.createClass({
getInitialState() {
return {
lat: 51.5258541,
lng: -0.08040660000006028
};
@MicheleBertoli
MicheleBertoli / demo.js
Last active September 15, 2015 19:39
Gmaps InfoWindow Style
import React from 'react';
import {Gmaps, InfoWindow} from 'react-gmaps';
const coords = {
lat: 51.5258541,
lng: -0.08040660000006028
};
const App = React.createClass({
@MicheleBertoli
MicheleBertoli / demo.js
Created August 26, 2015 20:07
Gmaps Styles
import React from 'react';
import {Gmaps} from 'react-gmaps';
const coords = {
lat: 51.5258541,
lng: -0.08040660000006028
};
const styles = [{"featureType":"landscape","stylers":[{"saturation":-100},{"lightness":65},{"visibility":"on"}]},{"featureType":"poi","stylers":[{"saturation":-100},{"lightness":51},{"visibility":"simplified"}]},{"featureType":"road.highway","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"road.arterial","stylers":[{"saturation":-100},{"lightness":30},{"visibility":"on"}]},{"featureType":"road.local","stylers":[{"saturation":-100},{"lightness":40},{"visibility":"on"}]},{"featureType":"transit","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"administrative.province","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":-25},{"saturation":-100}]},{"featureType":"water","elementType":"geometry","stylers":[{"hue":"#ffff00"},{"lightness":-25},{"saturation":-97}
@MicheleBertoli
MicheleBertoli / demo.js
Created August 25, 2015 17:53
Gmaps Styles
import React from 'react';
import {Gmaps} from 'react-gmaps';
const coords = {
lat: 51.5258541,
lng: -0.08040660000006028
};
const App = React.createClass({
@MicheleBertoli
MicheleBertoli / demo.js
Created August 22, 2015 06:13
Gmaps Center on Resize
import React from 'react';
import {Gmaps} from 'react-gmaps';
const coords = {
lat: 51.5258541,
lng: -0.08040660000006028
};
const App = React.createClass({
@MicheleBertoli
MicheleBertoli / demo.js
Created August 13, 2015 20:07
Gmaps Bounds
import React from 'react';
import {Gmaps, Circle} from 'react-gmaps';
const coords = {
lat: 51.5258541,
lng: -0.08040660000006028
}
const App = React.createClass({
@MicheleBertoli
MicheleBertoli / demo.js
Last active August 29, 2015 14:27
Gmaps React Routing
import React from 'react';
import Router, {RouteHandler, Route, DefaultRoute, Link} from 'react-router';
import {Gmaps, Circle} from 'react-gmaps';
const coords = {
lat: 51.5258541,
lng: -0.08040660000006028
}
const App = React.createClass({
@MicheleBertoli
MicheleBertoli / demo.js
Created August 13, 2015 09:48
Gmaps Circle
import React from 'react';
import {Gmaps, Circle} from 'react-gmaps';
const coords = {
lat: 51.5258541,
lng: -0.08040660000006028
}
const App = React.createClass({
@MicheleBertoli
MicheleBertoli / react-router-context.js
Created July 17, 2015 15:42
If you want to test a react 0.13.3 component and you are using the react-router 0.13.3, you need this:
import React, {Component} from 'react';
export default ReactRouterContext = (Element) => {
class RouterStub {}
RouterStub.makePath = () => {};
RouterStub.makeHref = () => {};
RouterStub.transitionTo = () => {};
RouterStub.replaceWith = () => {};