Skip to content

Commit c9e7474

Browse files
committed
small updates
1 parent 8df3b90 commit c9e7474

1 file changed

Lines changed: 8 additions & 8 deletions

File tree

articles/planetary-computer/build-web-application.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,9 @@ ms.date: 12/08/2024
1313

1414
# Quickstart: Build a web application with Microsoft Planetary Computer Pro
1515

16-
In this quickstart, you build a web application that displays satellite imagery and geospatial data from your GeoCatalog on an interactive map. You'll authenticate users with Microsoft Entra ID, query STAC collections, and render map tiles—all from browser JavaScript.
16+
In this quickstart, you build a web application that displays satellite imagery and geospatial data from your GeoCatalog on an interactive map. You authenticate users with Microsoft Entra ID, query STAC collections, and render map tiles—all from browser JavaScript.
1717

18-
**What you'll learn:**
18+
**What you learn:**
1919

2020
- Authenticate users and acquire access tokens using MSAL.js
2121
- Query the STAC API to discover collections and items
@@ -68,7 +68,7 @@ Before your web application can authenticate users, you need to register it in M
6868
6969
### Register as a single-page application
7070

71-
1. Go to **Microsoft Entra ID** in the Azure Portal.
71+
1. Go to **Microsoft Entra ID** in the Azure portal.
7272
1. Select **App registrations** from the side panel.
7373
1. Select **New registration**.
7474
1. Enter a name for your application (for example, "GeoCatalog Web App").
@@ -114,10 +114,10 @@ npm install @azure/msal-browser maplibre-gl
114114

115115
> [!TIP]
116116
> **Project structure:** The code samples in this quickstart are standalone functions you can organize however you prefer. A common pattern:
117-
> - `auth.js` MSAL configuration and token functions
118-
> - `api.js` STAC API, Tiler API, and SAS token functions
119-
> - `map.js` MapLibre initialization and tile layer management
120-
> - `App.js` or `main.js` Wire everything together with your UI
117+
> - `auth.js`: MSAL configuration and token functions
118+
> - `api.js`: STAC API, Tiler API, and SAS token functions
119+
> - `map.js`: MapLibre initialization and tile layer management
120+
> - `App.js` or `main.js`: Wire everything together with your UI
121121
>
122122
> Each function receives its dependencies (access tokens, URLs) as parameters, making them easy to integrate into any framework or project structure.
123123
@@ -643,7 +643,7 @@ Handle common error scenarios:
643643
| "Invalid scope" error | Using GeoCatalog URL instead of API scope | Use `https://geocatalog.spatio.azure.com/.default` as the scope |
644644
| 401 Unauthorized on tile requests | Map library not including auth headers | Use `transformRequest` (MapLibre) to add the Bearer token; ensure token is current |
645645
| Tiles don't align with basemap | Wrong tile matrix set | Use `tileMatrixSetId=WebMercatorQuad` for Web Mercator projection (EPSG:3857) |
646-
| "Could not decode image" | Wrong asset name, multiband imagery, or outside data extent | Check `item_assets` for valid names; use `asset_bidx=image\|1,2,3` for RGB; 404/424 outside coverage is expected |
646+
| "Couldn't decode image" | Wrong asset name, multiband imagery, or outside data extent | Check `item_assets` for valid names; use `asset_bidx=image\|1,2,3` for RGB; 404/424 outside coverage is expected |
647647

648648
## Next steps
649649

0 commit comments

Comments
 (0)