updates API docs links to new url structure (#7757)

docs/components/quickstart.js

@@ -116,7 +116,7 @@ export default class extends React.Component {
                     <div className='space-bottom1'>To get started, you need to obtain an <a
                         href='https://www.mapbox.com/help/create-api-access-token/'>access token</a> and a <a
                         href='https://www.mapbox.com/help/define-style-url/'>style URL</a>. You can choose from one of our <a
-                        href='https://www.mapbox.com/api-documentation/#styles'>professionally designed styles</a> or create
+                        href='https://www.mapbox.com/api-documentation/maps/#styles'>professionally designed styles</a> or create
                         your own using <a href="https://www.mapbox.com/studio">Mapbox Studio</a>.
                     </div>
 

docs/pages/example/marker-from-geocode.js

@@ -1,6 +1,6 @@
 /*---
 title: Add a marker using a place name
-description: Add a [`Marker`](/mapbox-gl-js/api#marker) using a place name or address for its location using the [forward geocoder](https://www.mapbox.com/api-documentation/#geocoding)
+description: Add a [`Marker`](/mapbox-gl-js/api#marker) using a place name or address for its location using the [forward geocoder](https://www.mapbox.com/api-documentation/search/#geocoding)
 tags:
   - controls-and-overlays
 pathname: /mapbox-gl-js/example/marker-from-geocode/

src/ui/map.js

@@ -167,7 +167,7 @@ const defaultOptions = {
  *  * `mapbox://styles/mapbox/navigation-guidance-night-v2`
  *
  * Tilesets hosted with Mapbox can be style-optimized if you append `?optimize=true` to the end of your style URL, like `mapbox://styles/mapbox/streets-v9?optimize=true`.
- * Learn more about style-optimized vector tiles in our [API documentation](https://www.mapbox.com/api-documentation/#retrieve-tiles).
+ * Learn more about style-optimized vector tiles in our [API documentation](https://www.mapbox.com/api-documentation/maps/#retrieve-tiles).
  *
  * @param {boolean} [options.hash=false] If `true`, the map's position (zoom, center latitude, center longitude, bearing, and pitch) will be synced with the hash fragment of the page's URL.
  *   For example, `http://path/to/my/page.html#2.59/39.26/53.07/-24.1/60`.

src/util/ajax.js

@@ -55,7 +55,7 @@ class AJAXError extends Error {
     url: string;
     constructor(message: string, status: number, url: string) {
         if (status === 401 && isMapboxHTTPURL(url)) {
-            message += ': you may have provided an invalid Mapbox access token. See https://www.mapbox.com/api-documentation/#access-tokens';
+            message += ': you may have provided an invalid Mapbox access token. See https://www.mapbox.com/api-documentation/#access-tokens-and-token-scopes';
         }
         super(message);
         this.status = status;

src/util/mapbox.js

@@ -13,7 +13,7 @@ import type { RequestParameters } from './ajax';
 import type { Cancelable } from '../types/cancelable';
 import type {TileJSON} from '../types/tilejson';
 
-const help = 'See https://www.mapbox.com/api-documentation/#access-tokens';
+const help = 'See https://www.mapbox.com/api-documentation/#access-tokens-and-token-scopes';
 const telemEventKey = 'mapbox.eventData';
 
 type UrlObject = {|

test/unit/util/ajax.test.js

@@ -83,7 +83,7 @@ test('ajax', (t) => {
         });
         getJSON({ url:'api.mapbox.com' }, (error) => {
             t.equal(error.status, 401);
-            t.equal(error.message, "Unauthorized: you may have provided an invalid Mapbox access token. See https://www.mapbox.com/api-documentation/#access-tokens");
+            t.equal(error.message, "Unauthorized: you may have provided an invalid Mapbox access token. See https://www.mapbox.com/api-documentation/#access-tokens-and-token-scopes");
             t.end();
         });
         window.server.respond();