archive-gh-me/google-map-react
1
0
Fork 0
mirror of https://github.com/google-map-react/google-map-react.git synced 2025-12-08 18:26:32 +00:00
Code Issues Projects Releases Wiki Activity

#add handlers for fly update layers (#272)

Browse Source 
* #add handlers for fly update layers

* #remove force param

* Update google_map.js
This commit is contained in:
Ivan 2016-11-07 11:07:14 +02:00 committed by Ivan Starkov
parent 7506b147fc
commit 6273309665
2 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
develop/GMapLayers.js
View File

@ -26,7 +26,7 @@ export const gMap = ({
hoverDistance={hoverDistance}
center={center}
zoom={zoom}
layerTypes={['TrafficLayer', 'TransitLayer']}
layerTypes={zoom > 12 ? [] : zoom > 10 ? ['TrafficLayer'] : ['TrafficLayer', 'TransitLayer']}
onChange={onChange}
onChildMouseEnter={onChildMouseEnter}
onChildMouseLeave={onChildMouseLeave}

24
src/google_map.js
View File

@ -127,6 +127,8 @@ export default class GoogleMap extends Component {
this.maps_ = null;
this.prevBounds_ = null;
this.layers_ = {};
this.mouse_ = null;
this.mouseMoveTime_ = 0;
this.boundingRect_ = null;
@ -291,6 +293,14 @@ export default class GoogleMap extends Component {
this.map_.setOptions(options);
}
if (nextProps.layerTypes !== this.props.layerTypes) {
for (const layerKey of Object.keys(this.layers_)) {
this.layers_[layerKey].setMap(null);
delete this.layers_[layerKey];
}
this._setLayers(nextProps.layerTypes);
}
}
}
@ -384,6 +394,13 @@ export default class GoogleMap extends Component {
}
}
_setLayers = (layerTypes) => {
layerTypes.forEach((layerType) => {
this.layers_[layerType] = new this.maps_[layerType]();
this.layers_[layerType].setMap(this.map_);
});
};
_initMap = () => {
// only initialize the map once
if (this.initialized_) {
@ -457,14 +474,11 @@ export default class GoogleMap extends Component {
const map = new maps.Map(ReactDOM.findDOMNode(this.refs.google_map_dom), mapOptions);
this.props.layerTypes.forEach((layerType) => {
const layer = new maps[layerType]();
layer.setMap(map);
});
this.map_ = map;
this.maps_ = maps;
this._setLayers(this.props.layerTypes);
// render in overlay
const this_ = this;
const overlay = this.overlay_ = Object.assign(new maps.OverlayView(), {