dialog box now focusing on correct location

src/components/FacilitiesMap.js

@@ -26,10 +26,9 @@ class FacilitiesMap extends React.Component {
 
         this.Map = ReactMapboxGl({
             accessToken: mapboxToken,
-            interactive: interactive,
+            interactive: false,
             attributionControl: false
         });
-
         const facilityLocationExists = facility && facility.facility_location && facility.facility_location.campus_region === campusRegion;
 
         /**
@@ -43,17 +42,23 @@ class FacilitiesMap extends React.Component {
             maxBounds: getMaxBounds(campusRegion),
             campusRegion: campusRegion,
             zoom: [17],
+            // 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(() => {
+                console.log('ran');
                 this.setState({
                     center: facilityLocationExists ? facility.facility_location.coordinate_location.coordinates : getCenterOfCampusRegion(campusRegion)
                 });
             }, 500);
         }
+    }
 
     componentWillReceiveProps(nextProps) {
         const {facility, facilities} = nextProps;