From 8107785cbfb861d0ff8f0380fd0335d0b48dd4f9 Mon Sep 17 00:00:00 2001 From: Mattias Date: Mon, 17 Sep 2018 13:41:12 -0400 Subject: [PATCH] more mapbox improvements --- src/components/FacilitiesMap.js | 29 ++++++++++++++++------------- 1 file changed, 16 insertions(+), 13 deletions(-) diff --git a/src/components/FacilitiesMap.js b/src/components/FacilitiesMap.js index f5ab9df..e90e763 100644 --- a/src/components/FacilitiesMap.js +++ b/src/components/FacilitiesMap.js @@ -26,7 +26,7 @@ class FacilitiesMap extends React.Component { this.Map = ReactMapboxGl({ accessToken: mapboxToken, - interactive: false, + interactive: interactive, attributionControl: false }); const facilityLocationExists = facility && facility.facility_location && facility.facility_location.campus_region === campusRegion; @@ -42,21 +42,21 @@ class FacilitiesMap extends React.Component { maxBounds: getMaxBounds(campusRegion), campusRegion: campusRegion, zoom: [17], - // center: facilityLocationExists ? facility.facility_location.coordinate_location.coordinates : getCenterOfCampusRegion(campusRegion), + center: facilityLocationExists ? facility.facility_location.coordinate_location.coordinates : getCenterOfCampusRegion(campusRegion), fitBoundsOptions: {}, facilityLocations: [], selectedLocation: null, isLoaded: false }; - if (interactive) { - this.state.center = facilityLocationExists ? facility.facility_location.coordinate_location.coordinates : getCenterOfCampusRegion(campusRegion); - }else{ - setTimeout(() => { - this.setState({ - center: facilityLocationExists ? facility.facility_location.coordinate_location.coordinates : getCenterOfCampusRegion(campusRegion) - }); - }, 500); - } + // if (interactive) { + // this.state.center = facilityLocationExists ? facility.facility_location.coordinate_location.coordinates : getCenterOfCampusRegion(campusRegion); + // }else{ + // setTimeout(() => { + // this.setState({ + // center: facilityLocationExists ? facility.facility_location.coordinate_location.coordinates : getCenterOfCampusRegion(campusRegion) + // }); + // }, 500); + // } } componentWillReceiveProps(nextProps) { @@ -77,12 +77,15 @@ class FacilitiesMap extends React.Component { const facilityLocationExists = facility && facility.facility_location && facility.facility_location.campus_region === campusRegion; - this.setState({ + const newState = { maxBounds: getMaxBounds(campusRegion), campusRegion: campusRegion, center: facilityLocationExists ? facility.facility_location.coordinate_location.coordinates : getCenterOfCampusRegion(campusRegion), zoom: [17] - }); + }; + setTimeout(() => { + this.setState(newState); + }, 100); }; generateLocationArray = (facilities) => { -- 2.22.0