Is there a way to get counties from a state? about country-state-city

[harpreetkhalsagtbit]

Hi @matadorhernan ,
Would you be using State Name or State Id to get Country?
I can create a function for that. Or you can send a P.R.

[matadorhernan]

Hey I actually found a way to get those with a bunch of geonames.org API calls , I used behavior subjects to reduce the ammount of calls but the result is neat. I also maped the response objects to fit an interface I have but you can match whatever you need.

I am using Angular 10, and rxjs

import { Injectable } from "@angular/core";
import { Option } from "../Interfaces/components/dropdown";
import { HttpClient } from "@angular/common/http";
import { map } from "rxjs/operators";
import { Observable, BehaviorSubject } from "rxjs";
import { GEONAMES_PATH, GEONAMES_USERNAME } from "./config"; // have http://api.geonames.org and <your username>

@Injectable({
  providedIn: "root",
})
export class CountryService {
  public country$: BehaviorSubject<Option[]> = new BehaviorSubject([]);
  public state$: BehaviorSubject<Option[]> = new BehaviorSubject([]);
  public county$: BehaviorSubject<Option[]> = new BehaviorSubject([]);
  public city$: BehaviorSubject<Option[]> = new BehaviorSubject([]);

  constructor(private readonly http: HttpClient) {
    this.getAll().subscribe((country) => {
      this.country$.next(country);
    });
  }

  public getState(geocode: string) {
    this.getChildren(geocode).subscribe((state) => {
      this.state$.next(state);
    });
  }

  public getCounty(geocode: string) {
    this.getChildren(geocode).subscribe((county) => {
      this.county$.next(county);
    });
  }

  public getCity(geocode: string) {
    this.getChildren(geocode).subscribe((city) => {
      this.city$.next(city);
    });
  }

  private getAll(): Observable<any> {
    return this.http
      .get(
        `${GEONAMES_PATH}/countryInfoJSON?formatted=true&username=${GEONAMES_USERNAME}`
      )
      .pipe(
        map((geonames: any) =>
          geonames.geonames.map((country) => {
            return {
              icon: `/assets/flags/${country.countryCode}.svg`,
              title: country.countryName,
              value: country.geonameId,
            } as Option;
          })
        )
      );
  }

  private getChildren(geocode: string) {
    return this.http
      .get(
        `${GEONAMES_PATH}/childrenJSON?formatted=true&geonameId=${geocode}&username=${GEONAMES_USERNAME}`
      )
      .pipe(
        map((geonames: any) => {
          return geonames && geonames.geonames
            ? geonames.geonames.map((child) => {
                return {
                  icon: "",
                  title: child.name,
                  value: child.geonameId,
                } as Option;
              })
            : null;
        })
      );
  }
}

[matadorhernan]

Hi @matadorhernan ,
Would you be using State Name or State Id to get Country?
I can create a function for that. Or you can send a P.R.

I actually meant a county so in the end I get a structure like this country >> state or provinces >> county or subprovinces >> cities villas and other settlements. So since my structure is much different I think I you should keep your lib the same and if you decide to use geonames as data source then you can follow my example, or use the docs at geonames.org

[harpreetkhalsagtbit]

Thanks for the effort you put in but unfortunately I want to keep it the way it is and I don't want to use any api calls.