Skip to content
Permalink
Browse files

5.0 release prep (#808)

  • Loading branch information...
Pessimistress committed May 31, 2019
1 parent c2c7f28 commit 2d9b93293dbc64dccdcf392e9f1bbfd15983ba69
Showing with 165 additions and 54 deletions.
  1. +101 −0 CHANGELOG.md
  2. +1 −1 docs/advanced/custom-components.md
  3. +1 −1 docs/components/fly-to-interpolator.md
  4. +1 −1 docs/components/fullscreen-control.md
  5. +2 −2 docs/components/geolocate-control.md
  6. +1 −1 docs/components/interactive-map.md
  7. +1 −1 docs/components/linear-interpolator.md
  8. +1 −1 docs/components/map-controller.md
  9. +1 −1 docs/components/marker.md
  10. +1 −1 docs/components/navigation-control.md
  11. +1 −1 docs/components/popup.md
  12. +1 −1 docs/components/static-map.md
  13. +2 −2 docs/get-started/adding-custom-data.md
  14. +2 −2 docs/get-started/get-started.md
  15. +1 −1 docs/overlays/canvas-overlay.md
  16. +2 −2 docs/overlays/custom-overlays.md
  17. +1 −1 docs/overlays/html-overlay.md
  18. +1 −1 docs/overlays/svg-overlay.md
  19. +13 −3 docs/whats-new.md
  20. +1 −1 examples/additional-overlays/package.json
  21. +1 −1 examples/controls/package.json
  22. +1 −1 examples/controls/src/control-panel.js
  23. +1 −1 examples/custom-controller/package.json
  24. +1 −1 examples/custom-controller/src/control-panel.js
  25. +1 −1 examples/custom-cursor/package.json
  26. +1 −1 examples/custom-cursor/src/control-panel.js
  27. +1 −1 examples/deckgl-overlay/package.json
  28. +1 −1 examples/draggable-markers/package.json
  29. +1 −1 examples/exhibit-browserify/package.json
  30. +1 −1 examples/exhibit-webpack/package.json
  31. +1 −1 examples/filter/package.json
  32. +1 −1 examples/filter/src/control-panel.js
  33. +1 −1 examples/geojson-animation/package.json
  34. +1 −1 examples/geojson-animation/src/control-panel.js
  35. +1 −1 examples/geojson/package.json
  36. +1 −1 examples/geojson/src/control-panel.js
  37. +1 −1 examples/heatmap/package.json
  38. +1 −1 examples/heatmap/src/control-panel.js
  39. +1 −1 examples/interaction/package.json
  40. +1 −1 examples/interaction/src/control-panel.js
  41. +1 −1 examples/layers/package.json
  42. +1 −1 examples/layers/src/control-panel.js
  43. +1 −1 examples/locate-user/package.json
  44. +1 −1 examples/main/package.json
  45. +1 −1 examples/reuse-map/package.json
  46. +1 −1 examples/viewport-animation/package.json
  47. +1 −1 examples/viewport-animation/src/control-panel.js
  48. +1 −1 examples/zoom-to-bounds/package.json
  49. +1 −1 examples/zoom-to-bounds/src/control-panel.js
@@ -1,5 +1,106 @@
# CHANGELOG

# Version 5.0

## 5.0.0 (May 31, 2019)
- Update mapbox-gl to 1.0.0 (#795)

# Version 4.1

## 4.1.4 (May 31, 2019)
- Pass callbacks via MapContext (#799)

## 4.1.3 (May 29, 2019)
- Fix geolocate control missing key warning (#789)
- Custom mapbox server (#769)

## 4.1.2 (Apr 12, 2019)

- Fix geolocate control marker styling (#764)
- Fix synchronous redraw bug (#772)

## 4.1.1 (Mar 14, 2019)

- Fix mapbox export warning (#757)

## 4.1.0 (Mar 14, 2019)

- add fullscreen support (#696)
- add geolocate control (#724)

# Version 4.0.0

## 4.0.15 (Mar 12, 2019)

- Fix: popup close button click event propagates to map (#751)

## 4.0.14 (Mar 4, 2019)

- Fix static context bug (#749)

## 4.0.13 (Feb 25, 2019)

- Bump mapbox-gl to 0.53 (#739)

## 4.0.12 (Feb 22, 2019)

- add onNativeClick callback (#733)
- fix synchronous redraw (#736)

## 4.0.11 (Feb 20, 2019)

- Consolidate InteractiveContext and StaticContext into one (#718)
- Deregister mapbox events listeners when destroy map (#723)
- Force map rerender synchronously after props update (#720)

## 4.0.10 (Jan 28, 2019)

- Remove excessive fields from NavigationControl's callback argument (#702)
- Default onError handler to console.error (#706)
- Don't query interactive layer ids before map has loaded (#708)
- Fix onLoad event calling when reuseMaps is set to true (#704)

## 4.0.9 (Jan 20, 2019)

- Reverse polarity of compass bearing rotation (#694)

## 4.0.8 (Jan 18, 2019)

- Fix dragging marker with offset (#693)

## 4.0.7 (Jan 11, 2018)

- Remove passive listener console warning in Chrome (#689)
- Disable console logging of package version (#688)

## 4.0.6 (Dec 27, 2018)

- Update mapbox-gl to 0.52.0 (#684)

## 4.0.5 (Dec 6, 2018)

- Fix map controller class extensibility (#674)

## 4.0.4 (Dec 4, 2018)

- Bump mapbox dependency to 0.51 (#670)
- Fix crash when `viewState` does not contain pitch or bearing (#671)

## 4.0.3 (Dec 4, 2018)

- Cache the interactive context to prevent context thrashing (#664)
- Remove math.gl from dependencies (#666)

## 4.0.2 (Nov 16, 2018)

- Fix popup bug when closeOnClick is off (#660)

## 4.0.1 (Nov 14, 2018)

- Bump maxZoom support to 24 (#659)

## 4.0.0 (Nov 5, 2018)

# Version 4.0.0 Prereleases

## 4.0.0-beta.7 (Nov 5, 2018)
@@ -78,4 +78,4 @@ Implement this method to render the content of this component. `this._context` i


## Source
[base-control.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/components/base-control.js)
[base-control.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/base-control.js)
@@ -19,5 +19,5 @@ import ReactMapGL, {FlyToInterpolator} from 'react-map-gl';


## Source
[viewport-fly-to-interpolator.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/utils/transition/viewport-fly-to-interpolator.js)
[viewport-fly-to-interpolator.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/utils/transition/viewport-fly-to-interpolator.js)

@@ -31,5 +31,5 @@ class Map extends Component {
Like its Mapbox counterpart, this control relies on the mapbox-gl stylesheet to work properly. Make sure to add the stylesheet to your page.

## Source
[fullscreen-control.js](https://github.com/uber/react-map-gl/tree/master/src/components/fullscreen-control.js)
[fullscreen-control.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/fullscreen-control.js)

@@ -56,12 +56,12 @@ By default a dot will be shown on the map at the user's location. Set to false t

A [React style](https://reactjs.org/docs/dom-elements.html#style) object applied to Geolocate control button.

Check [`locate user`](https://github.com/uber/react-map-gl/blob/master/examples/locate-user/src/app.js) example for basic styling.
Check [`locate user`](https://github.com/uber/react-map-gl/tree/5.0-release/examples/locate-user/src/app.js) example for basic styling.

## Styling

Like its Mapbox counterpart, this control relies on the mapbox-gl stylesheet to work properly. Make sure to add the stylesheet to your page.

## Source

[geolocate-control.js](https://github.com/uber/react-map-gl/tree/master/src/components/geolocate-control.js)
[geolocate-control.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/geolocate-control.js)
@@ -331,5 +331,5 @@ Inherit the following methods from [StaticMap](/docs/components/static-map.md):


## Source
[interactive-map.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/components/interactive-map.js)
[interactive-map.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/interactive-map.js)

@@ -24,5 +24,5 @@ Parameters:


## Source
[linear-interpolator.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/utils/transition/linear-interpolator.js)
[linear-interpolator.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/utils/transition/linear-interpolator.js)

@@ -69,4 +69,4 @@ Invoke `onViewportChange` callback with a new map state.


## Source
[map-controller.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/utils/map-controller.js)
[map-controller.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/utils/map-controller.js)
@@ -76,5 +76,5 @@ Stop propagation of dblclick event to the map component. Can be used to stop map
Like its Mapbox counterpart, this control relies on the mapbox-gl stylesheet to work properly. Make sure to add the stylesheet to your page.

## Source
[marker.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/components/marker.js)
[marker.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/marker.js)

@@ -56,5 +56,5 @@ Stop propagation of dblclick event to the map component. Can be used to stop map
Like its Mapbox counterpart, this control relies on the mapbox-gl stylesheet to work properly. Make sure to add the stylesheet to your page.

## Source
[navigation-control.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/components/navigation-control.js)
[navigation-control.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/navigation-control.js)

@@ -88,5 +88,5 @@ Stop propagation of dblclick event to the map component. Can be used to stop map
Like its Mapbox counterpart, this control relies on the mapbox-gl stylesheet to work properly. Make sure to add the stylesheet to your page.

## Source
[popup.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/components/popup.js)
[popup.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/popup.js)

@@ -221,4 +221,4 @@ const viewport = new WebMercatorViewport({width: 800, height: 600})

## Source

[static-map.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/components/static-map.js)
[static-map.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/static-map.js)
@@ -73,7 +73,7 @@ import {SVGOverlay, HTMLOverlay, CanvasOverlay} from 'react-map-gl';

### Example Overlays

There are a couple of [additional overlays](https://github.com/uber/react-map-gl/tree/master/examples/additional-overlays) in the examples folder that can be copied into applications `ScatterplotOverlay`, `DraggablePointsOverlay`, `ChoroplethOverlay`.
There are a couple of [additional overlays](https://github.com/uber/react-map-gl/tree/5.0-release/examples/additional-overlays) in the examples folder that can be copied into applications `ScatterplotOverlay`, `DraggablePointsOverlay`, `ChoroplethOverlay`.


### Third-party Overlays
@@ -91,4 +91,4 @@ import cities from 'example-cities';
</MapGL>
```

Want to create and share your own overlay? Check the [examples/additional-overlays](https://github.com/uber/react-map-gl/tree/master/examples/additional-overlays) folder for examples.
Want to create and share your own overlay? Check the [examples/additional-overlays](https://github.com/uber/react-map-gl/tree/5.0-release/examples/additional-overlays) folder for examples.
@@ -59,10 +59,10 @@ import 'mapbox-gl/dist/mapbox-gl.css';

* `browserify` - react-map-gl is extensively tested with `browserify` and works without configuration.

* `webpack 2` - Most of the provided react-map-gl examples use webpack 2. For a minimal example, look at the [exhibit-webpack](https://github.com/uber/react-map-gl/tree/master/examples/exhibit-webpack) folder, demonstrating a working demo using `webpack 2`.
* `webpack 2` - Most of the provided react-map-gl examples use webpack 2. For a minimal example, look at the [exhibit-webpack](https://github.com/uber/react-map-gl/tree/5.0-release/examples/exhibit-webpack) folder, demonstrating a working demo using `webpack 2`.

* `create-react-app` - react-map-gl is compatible with [create-react-app](https://github.com/facebook/create-react-app).

* `create-react-app-typescript` - react-map-gl is compatible with [create-react-app-typescript](https://github.com/wmonk/create-react-app-typescript). You can see an example [here](https://github.com/zackhsi/react-map-gl-typescript).

There's many other ready-to-run [examples](https://github.com/uber/react-map-gl/blob/master/examples) you can take a look at if you need more inspiration.
There's many other ready-to-run [examples](https://github.com/uber/react-map-gl/tree/5.0-release/examples) you can take a look at if you need more inspiration.
@@ -29,5 +29,5 @@ Stop propagation of dblclick event to the map component. Can be used to stop map


## Source
[canvas-overlay.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/overlays/canvas-overlay.js)
[canvas-overlay.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/overlays/canvas-overlay.js)

@@ -20,7 +20,7 @@ class MyCustomOverlay extends BaseControl {
}
```

Here's an example of using the [ScatterplotOverlay](https://github.com/uber/react-map-gl/blob/master/examples/additional-overlays/src/scatterplot-overlay.js):
Here's an example of using the [ScatterplotOverlay](https://github.com/uber/react-map-gl/tree/5.0-release/examples/additional-overlays/src/scatterplot-overlay.js):

```jsx
<MapGL {...viewport} mapStyle={mapStyle}>
@@ -35,4 +35,4 @@ Here's an example of using the [ScatterplotOverlay](https://github.com/uber/reac
</MapGL>
```

There are more examples in the [examples/additional-overlays](https://github.com/uber/react-map-gl/tree/master/examples/additional-overlays) folder of this repo.
There are more examples in the [examples/additional-overlays](https://github.com/uber/react-map-gl/tree/5.0-release/examples/additional-overlays) folder of this repo.
@@ -31,4 +31,4 @@ Stop propagation of click event to the map component. Can be used to stop map fr
Stop propagation of dblclick event to the map component. Can be used to stop map from zooming when this component is double clicked.

## Source
[html-overlay.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/overlays/html-overlay.js)
[html-overlay.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/overlays/html-overlay.js)
@@ -31,4 +31,4 @@ Stop propagation of click event to the map component. Can be used to stop map fr
Stop propagation of dblclick event to the map component. Can be used to stop map from zooming when this component is double clicked.

## Source
[svg-overlay.js](https://github.com/uber/react-map-gl/tree/3.2-release/src/overlays/svg-overlay.js)
[svg-overlay.js](https://github.com/uber/react-map-gl/tree/5.0-release/src/overlays/svg-overlay.js)
@@ -1,6 +1,16 @@
# react-map-gl v5.0

Release date: May 31, 2019

## What's Changed

The only change between the 5.0 release and the latest 4.1 release is Mapbox GL JS v1.0. By using this version, you opt into Mapbox's new pricing model, which bills per map load instead of map views. 5.0.x and 4.1.x will continue to update in parallel with otherwise identical features until November 2019 when Mapbox moves all users of 0.xx to a new pricing scheme. For more details, see mapbox's [changelog](https://github.com/mapbox/mapbox-gl-js/releases/tag/v1.0.0) and [blog post](https://blog.mapbox.com/new-pricing-46b7c26166e7).

Alongside Mapbox GL JS's new milestone, we have relaxed the `mapbox-gl` dependency from locking minor release (`~0.53.0`) to major release (`^1.0.0`). This will allow developers to upgrade faster without waiting for a new release from react-map-gl.

# react-map-gl v4.1

Release date: TBD
Release date: Mar 14, 2019

## Highlights

@@ -98,11 +108,11 @@ Release date: July 27th, 2017

### [InteractiveMap (New, MapGL replacement)](/#/Documentation/api-reference/interactive-map)

This is a wrapper on top of `StaticMap`. It takes all the props of `StaticMap` and additional ones such as `onViewportChange`, `scrollZoom`, `dragRotate`, etc. to control interactivity on the map. See [Source Code](https://github.com/uber/react-map-gl/blob/master/src/components/interactive-map.js) for more information.
This is a wrapper on top of `StaticMap`. It takes all the props of `StaticMap` and additional ones such as `onViewportChange`, `scrollZoom`, `dragRotate`, etc. to control interactivity on the map. See [Source Code](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/interactive-map.js) for more information.

### [StaticMap (New)](/#/Documentation/api-reference/static-map)

This is the React wrapper around `Mapbox GL JS` and takes in viewport properties such as `width`, `height`, `latitude`, `longitude`. Style diffing and updating logic also live here. See [Source Code](https://github.com/uber/react-map-gl/blob/master/src/components/static-map.js) for more information.
This is the React wrapper around `Mapbox GL JS` and takes in viewport properties such as `width`, `height`, `latitude`, `longitude`. Style diffing and updating logic also live here. See [Source Code](https://github.com/uber/react-map-gl/tree/5.0-release/src/components/static-map.js) for more information.

### Overlays

@@ -12,7 +12,7 @@
"immutable": "^3.8.1",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-map-gl": "^4.0.0"
"react-map-gl": "^5.0.0"
},
"devDependencies": {
"@babel/core": "^7.0.0",
@@ -6,7 +6,7 @@
"dependencies": {
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-map-gl": "^4.0.0"
"react-map-gl": "^5.0.0"
},
"devDependencies": {
"@babel/core": "^7.0.0",
@@ -21,7 +21,7 @@ export default class ControlPanel extends PureComponent {
</p>
<div className="source-link">
<a
href="https://github.com/uber/react-map-gl/tree/3.2-release/examples/controls"
href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/controls"
target="_new"
>
View Code ↗
@@ -6,7 +6,7 @@
"dependencies": {
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-map-gl": "^4.0.0"
"react-map-gl": "^5.0.0"
},
"devDependencies": {
"@babel/core": "^7.0.0",
@@ -31,7 +31,7 @@ export default class ControlPanel extends PureComponent {
<p>Override default event handling logic.</p>
<div className="source-link">
<a
href="https://github.com/uber/react-map-gl/tree/4.0-release/examples/custom-controller"
href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/custom-controller"
target="_new"
>
View Code ↗
@@ -6,7 +6,7 @@
"dependencies": {
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-map-gl": "^4.0.0"
"react-map-gl": "^5.0.0"
},
"devDependencies": {
"@babel/core": "^7.0.0",
@@ -69,7 +69,7 @@ export default class StyleControls extends PureComponent {
<p>Customize the cursor based on interactivity.</p>
<div className="source-link">
<a
href="https://github.com/uber/react-map-gl/tree/3.2-release/examples/custom-cursor"
href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/custom-cursor"
target="_new"
>
View Code ↗
@@ -13,7 +13,7 @@
"probe.gl": "2.0.0-beta.1",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-map-gl": "^4.0.0"
"react-map-gl": "^5.0.0"
},
"devDependencies": {
"@babel/core": "^7.0.0",
@@ -6,7 +6,7 @@
"dependencies": {
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-map-gl": "^4.0.0"
"react-map-gl": "^5.0.0"
},
"devDependencies": {
"@babel/core": "^7.0.0",
@@ -6,7 +6,7 @@
"immutable": "^3.8.1",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-map-gl": "^4.0.0"
"react-map-gl": "^5.0.0"
},
"devDependencies": {
"babel-preset-es2015": "^6.18.0",
@@ -6,7 +6,7 @@
"immutable": "^3.8.1",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-map-gl": "^4.0.0"
"react-map-gl": "^5.0.0"
},
"devDependencies": {
"@babel/core": "^7.0.0",
@@ -7,7 +7,7 @@
"immutable": "^3.8.1",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-map-gl": "^4.0.0"
"react-map-gl": "^5.0.0"
},
"devDependencies": {
"@babel/core": "^7.0.0",
@@ -12,7 +12,7 @@ export default class ControlPanel extends PureComponent {
<p>Hover over counties to highlight counties that share the same name.</p>
<div className="source-link">
<a
href="https://github.com/uber/react-map-gl/tree/3.2-release/examples/filter"
href="https://github.com/uber/react-map-gl/tree/5.0-release/examples/filter"
target="_new"
>
View Code ↗

0 comments on commit 2d9b932

Please sign in to comment.
You can’t perform that action at this time.