rename mapbox to mapgl

src/App.js

@@ -8,7 +8,7 @@ import About from './About';
 
 // Maps
 import Pigeon from './Pigeon';
-import Mapbox from './Mapbox';
+import MapGL from './MapGL';
 import Leaflet from './Leaflet';
 import Google from './Google';
 
@@ -57,7 +57,7 @@ export class App extends React.Component{
                         getDistance={this.getDistance}
                     />}
                   />
-                  <Route path="/mapbox-gl" exact component={Mapbox} />
+                  <Route path="/map-gl" exact component={MapGL} />
                   <Route path="/leaflet" exact component={Leaflet} />
                   <Route path="/google-map" exact component={Google} />
                 </Switch>

src/Mapbox.js → src/MapGL.js

@@ -17,7 +17,7 @@ const ICON = `M20.2,15.7L20.2,15.7c1.1-1.6,1.8-3.6,1.8-5.7c0-5.6-4.5-10-10-10S2,
 const LONGITUDE = 14.320570
 const LATITUDE = 48.336950
   
-export default class Mapbox extends React.Component{
+export default class MapGL extends React.Component{
   state = {
     viewport: {
       width: 600,

src/Navigation.js

@@ -17,8 +17,8 @@ class Navigation extends React.Component{
                   <li className={`nav-item  ${this.props.location.pathname === "/pigeon-map" ? "active" : ""}`}>
                     <Link className="nav-link" to="/pigeon-map">Pigeon Map</Link>
                   </li>
-                  <li className={`nav-item  ${this.props.location.pathname === "/mapbox-gl" ? "active" : ""}`}>
-                    <Link className="nav-link" to="/mapbox-gl">Mapbox GL</Link>
+                  <li className={`nav-item  ${this.props.location.pathname === "/map-gl" ? "active" : ""}`}>
+                    <Link className="nav-link" to="/map-gl">Map GL</Link>
                   </li>
                   <li className={`nav-item  ${this.props.location.pathname === "/leaflet" ? "active" : ""}`}>
                     <Link className="nav-link" to="/leaflet">Leaflet Map</Link>