如何为React Leaflet Geosearch的Esri Provider传入API密钥？

我尝试给React Leaflet Geosearch的Esri Provider传入API密钥，目前无需密钥也能运行，但想换成自己的密钥。

我的代码如下：

const SearchControl = (props) => {
  const map = useMap()

  useEffect(() => {
    const searchControl = new GeoSearchControl({
      provider: props.provider,
      ...props,
    })

    map.addControl(searchControl)
    return () => map.removeControl(searchControl)
  }, [props])

  return null
}


const apikey='someapikey'


const prov = new EsriProvider()

Leaflet Geosearch对应的ArcGIS文档和Esri Provider的参数设计存在差异，我猜测应该这样设置参数：

const provider = new EsriProvider({
  params: {
    api_key: 'apikey',
  },
});

但控制台并未显示密钥被使用的记录。

解决方案 #

后来找到了解决方案：Esri Provider的参数输入方式有点过时，我改用BingProvider后成功配置了Bing API密钥，代码如下：

const prov = new BingProvider({
  params: {
    key: apiKey,
  },
})

内容的提问来源于stack exchange，提问作者user18175092