import MapboxPhotonGeocoder from "@watergis/mapbox.photon";
import '@watergis/mapbox.photon/css/styles.css';
import mapboxgl from 'mapbox-gl';

const map = new mapboxgl.Map();
map.addControl(new MapboxPhotonGeocoder({
    placeholder: 'Start typing...',
    minChar: 3,
    limit: 5,
    submitDelay: 300,
    noResultLabel: 'No result',
    feedbackUrl: 'https://github.com/komoot/photon/issues',
    feedbackLabel: 'Feedback',
    // default adds a popup, but you may change the behaviour when the POI was selected.
    onSelected: function(choice) {
      console.log(choice);
    },
    // if you want to customise geocoding function
    doSearch: function(query, callback) {
      console.log(query);
    }
  },
  {
    url: 'https://photon.komoot.io/api?',
    limit: 5,
    // if you want to filter by osm_tag parameter
    osm_tag: 'tourism',
    lang: 'ja',
    bbox: [], //specify minx, miny. maxx, maxy if you want to filter by particular area
    includePosition: true,
    location_bias_scale: 0.2
  },
  {
    // after creating a popup, it will zoom to this default zoom level
    popupZoomLevel: 14,
    // if you want to custmize popup content's html
    createContent: function(feature) {
      return feature.properties.name
    },
  }
}), 'top-left');

import { PhotonReverse } from "@watergis/mapbox.photon";

const recverse = new PhotonReverse();
const result = await recverse.reverse(35.8664039, -1.0861514);
console.log(result);