ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2025-12-26 16:10:01 +00:00
Code Issues Projects Releases Wiki Activity

Feature to update current map view in OSM

Browse Source
This commit is contained in:
orangemug
2020-01-19 13:37:56 +00:00
parent 6c240d53e4
commit 79fa2b3508
4 changed files with 87 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/map/OpenLayersMap.jsx
View File

@@ -61,7 +61,9 @@ export default class OpenLayersMap extends React.Component {
componentDidUpdate(prevProps) {
if (this.props.mapStyle !== prevProps.mapStyle) {
this.updateStyle(this.props.mapStyle);
this.updateStyle(
this.props.replaceAccessTokens(this.props.mapStyle)
);
}
}
@@ -93,6 +95,22 @@ export default class OpenLayersMap extends React.Component {
})
})
const onMoveEnd = () => {
const zoom = map.getView().getZoom();
const center = toLonLat(map.getView().getCenter());
this.props.onChange({
zoom,
center: {
lng: center[0],
lat: center[1],
},
});
}
onMoveEnd();
map.on('moveend', onMoveEnd);
map.on('postrender', (evt) => {
const center = toLonLat(map.getView().getCenter());
this.setState({
@@ -108,7 +126,9 @@ export default class OpenLayersMap extends React.Component {
this.map = map;
this.updateStyle(this.props.mapStyle);
this.updateStyle(
this.props.replaceAccessTokens(this.props.mapStyle)
);
}
closeOverlay = (e) => {