@geosdi/ngx-geocoding 1.1.4 → 1.2.1

package/README.md

@@ -1,10 +1,17 @@
 # NgxGeocoding
 
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.0.0.
-
 # General information
 
-Component to get a list of place with a geocoding service using nominatim of openstreet map
+Address search for Angular, from one or more sources tried **in order**.
+
+Out of the box it queries **Nominatim** (OpenStreetMap), which needs no API key
+and is what this library has always done. **Google** can be added on top: the
+library never sees your key, it uses the **Maps JS SDK** the host application
+already loads in the page.
+
+A source that is not usable is **skipped, and that is not an error**: the same
+configuration therefore works both on a deploy that has a Google key and on one
+that does not.
 
 ## Installation
 
@@ -12,48 +19,207 @@ Component to get a list of place with a geocoding service using nominatim of ope
 
 It depends on :
 
-    "@angular/common": ">=13.0.0",
-    "@angular/core": ">=13.0.0",
-    "typescript": ">=4.4.4",
-    "rxjs": ">=7.0.0"
+    "@angular/common": ">=20.0.0",
+    "@angular/core": ">=20.0.0",
+    "typescript": ">=5.0.0",
+    "rxjs": ">=7.8.0"
+
+Nominatim is called through `HttpClient`, so the application must provide it —
+`provideHttpClient()` in the bootstrap providers, or `HttpClientModule` on a
+module-based application.
+
+## Configuration
+
+Everything is declared in the application `providers`, with
+`provideNgxGeocoding`:
+
+```typescript
+import { provideNgxGeocoding } from "@geosdi/ngx-geocoding";
+
+bootstrapApplication(AppComponent, {
+  providers: [
+    provideHttpClient(),
+    provideNgxGeocoding({
+      sources: ["google", "nominatim"],
+      country: "it",
+      bias: { lat: 40.83, lon: 14.11, radiusM: 25_000 },
+    }),
+  ],
+});
+```
+
+| option         | type                           | default                 | used by                        |
+| -------------- | ------------------------------ | ----------------------- | ------------------------------ |
+| `sources`      | `("google" \| "nominatim")[]`  | `["nominatim"]`         | the order sources are tried in |
+| `country`      | `string` — two letters, `"it"` | none                    | `google` only                  |
+| `bias`         | `{ lat, lon, radiusM }`        | none                    | `google` only                  |
+| `nominatimUrl` | `string`                       | public OSM `search.php` | `nominatim` only               |
+
+`bias` is a **bias, not a filter**: an address outside the area is still
+reachable, but "via Roma" proposes the nearby one first. Without it Google
+orders as it likes, and on a common street name the first suggestion is almost
+always somewhere else.
+
+`provideNgxGeocoding` is optional: **not calling it leaves everything as it
+was** — one source, Nominatim.
+
+### Nominatim
+
+Nothing to configure, no key, no Cloud project.
+
+```typescript
+provideNgxGeocoding({
+  sources: ["nominatim"],
+  nominatimUrl: "https://nominatim.example.org/search.php",
+});
+```
+
+Two things to know:
+
+- `country` and `bias` are **not** applied to Nominatim. The request is left
+  exactly as this library has always sent it (`?q=…&format=jsonv2`), because
+  that is the behaviour applications relied on before Google existed here;
+- the public OpenStreetMap endpoint is a courtesy service with a usage policy
+  (roughly: one request per second, no bulk traffic). For anything more than
+  occasional searches point `nominatimUrl` at your own instance.
+
+Nominatim results **already carry `lat` and `lon`**.
+
+### Google
+
+Two things live outside this library.
+
+**1. The SDK tag**, in `index.html`, with the application's own key:
+
+```html
+<script
+  defer
+  src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&libraries=places&language=it"
+></script>
+```
+
+- **the key belongs to the application** and must not be passed to this
+  library: there is no option for it. Loading the SDK here too would also mean
+  two copies of it in the same page;
+- **`libraries=places`** — without it only the third step of the cascade
+  (`Geocoder`) can answer;
+- **`language`** decides the language of the suggestions, and this is the only
+  place to set it: the SDK request has no parameter for it;
+- **`defer` is fine**: the library waits for the SDK up to 10 s, polling every
+  100 ms, so a search typed right after startup does not get lost.
+
+**2. The Google Cloud project**, where the key must have:
+
+- **Maps JavaScript API** enabled — this is the SDK itself;
+- **Places API (New)** and/or **Places API** (legacy) enabled, for the
+  suggestions. Either one is enough, see the cascade below;
+- **Geocoding API** enabled, for the last step;
+- if the key has **HTTP referrer restrictions**, every origin the application
+  is deployed on must be listed. A missing one answers `REQUEST_DENIED`, which
+  looks exactly like a product that was never enabled.
+
+#### Which Google API actually answers
+
+`google` is **a cascade**, and it is worth knowing before "simplifying" that
+code: from a browser only **Places (New)** exposes CORS, so a plain `fetch` to
+the other Google APIs cannot work at all. Going through the SDK, search works
+with whatever the Cloud project has already enabled:
+
+1. **`AutocompleteSuggestion`** (Places **New**) — the way Google recommends
+   since 1 March 2025, and the only one offered to new projects. The product
+   behind it must be enabled separately: where it is not, it answers `403` and
+   the cascade steps down;
+2. **`AutocompleteService`** (Places **legacy**) — same incremental
+   suggestions. Google calls it deprecated and "not available to new
+   customers", but it is what answers on projects where the New one was never
+   enabled;
+3. **`Geocoder`** — no incremental suggestions, usually a single result, but it
+   **already carries the coordinates** and lives in the base SDK, so it does
+   not need `libraries=places`.
+
+Steps go down on their own and **are not retried for the rest of the session**;
+reloading the page resets that. Each fallback is written to the console with the
+reason (`REQUEST_DENIED`, `OVER_QUERY_LIMIT`, …).
 
 ## Usage
 
- ```typescript
-
-import { Injectable } from '@angular/core'; 
-import {NgxGeocodingService} from "./ngx-geocoding.service"; import {GeocodingLocation} from "./geocoding-location.model"; 
+```typescript
+import { Component, inject } from "@angular/core";
+import { GeocodingLocation, NgxGeocodingService } from "@geosdi/ngx-geocoding";
+
+@Component({ selector: "app-search", standalone: true, template: "…" })
+export class SearchComponent {
+  private geocodingService: NgxGeocodingService = inject(NgxGeocodingService);
+
+  places: GeocodingLocation[] = [];
+  chosen?: GeocodingLocation;
+
+  search(address: string): void {
+    this.geocodingService.geocode(address).subscribe({
+      // An empty list means "nothing found", and also fires subjectNoResults.
+      next: (res: GeocodingLocation[]) => (this.places = res),
+      // The error means "I could not search at all": no source was usable.
+      error: () => (this.places = []),
+    });
+  }
+
+  // Google suggestions arrive WITHOUT coordinates: resolve() asks for them,
+  // for the chosen place only. Places that already have them (Nominatim, the
+  // Geocoder) are returned as they are, so calling it is always correct.
+  choose(place: GeocodingLocation): void {
+    this.geocodingService
+      .resolve(place)
+      .subscribe((full: GeocodingLocation) => {
+        this.chosen = full;
+        if (full.lat && full.lon) {
+          // Number(undefined) would be NaN: coordinates may be missing if the
+          // detail request failed, and the place is returned as it was.
+          this.moveMap(Number(full.lat), Number(full.lon));
+        }
+      });
+  }
+}
+```
 
-@Injectable({
-  providedIn: 'root'
-})
-export class Service {
+`geocode` **errors** when no source could be used, and **emits an empty list**
+when the search simply found nothing: "I found nothing" and "I could not
+search" are two different things, and a search bar has to tell them apart.
 
+## Methods
 
-    constructor(private geocodingService: NgxGeocodingService,) {
-    }
+| Method                                                             | action                                                               |
+| ------------------------------------------------------------------ | -------------------------------------------------------------------- |
+| `geocode(address: string): Observable<GeocodingLocation[]>`        | suggestions for the typed text, from the first source that answers   |
+| `resolve(place: GeocodingLocation): Observable<GeocodingLocation>` | coordinates of the **chosen** place; returns it unchanged on failure |
 
-   public addPlugin() {
-     this.geocodingService.geocode(addressToSearch).subscribe((res: GeocodingLocation[]) => {
-        alert(JSON.stringify(res));
-      });
-    }
+## Model
 
-}
+| `GeocodingLocation` | content                                                    |
+| ------------------- | ---------------------------------------------------------- |
+| `display_name`      | the address to show                                        |
+| `lat`, `lon`        | coordinates, as strings — **absent on Google suggestions** |
+| `place_id`          | id of the place, what `resolve` needs                      |
 
- ```
+## Events
 
-## Methods
+| Method             | action                                   |
+| ------------------ | ---------------------------------------- |
+| `subjectNoResults` | subscribe to notify if research is empty |
+| `subjectLocation`  | subject to notify location               |
+| `subjectRemove`    | subject to notify remove location        |
 
- | Method  | action 
- | ------------- | ------------- | 
- | geocode(address: string): Observable<GeocodingLocation[]> | list of GeocodingLocation  | 
+## Troubleshooting
 
-## Events
+Every fallback is logged with `console.warn`, prefixed `[ngx-geocoding]`.
 
- | Method  | action 
- | ------------- | ------------- | 
- | subjectNoResults | subscribe to notify if research is empty  | 
- | subjectLocation | subject to notify location  | 
- | subjectRemove | subject to notify remove location  | 
+| what the console says                       | what it means                                                                      |
+| ------------------------------------------- | ---------------------------------------------------------------------------------- |
+| `SDK Maps senza la libreria 'places'`       | `libraries=places` missing from the script tag, or no SDK in the page              |
+| `SDK Maps senza il Geocoder`                | no SDK in the page at all                                                          |
+| `REQUEST_DENIED`                            | product not enabled on the Cloud project, or referrer outside the key restrictions |
+| `OVER_QUERY_LIMIT`                          | quota or billing on the Google project                                             |
+| `sorgente "google" non utilizzabile`        | every Google step refused; the cascade fell through to the next source             |
+| `Nessuna sorgente di geocoding disponibile` | all declared sources refused — this is the error `geocode` throws                  |
 
+A source that refused is not asked again until the page is reloaded, so a fix on
+the Cloud console needs a reload to be seen.