[Newcomer] Usage with Vite?

Benoit — Fri, 25 Aug 2023 20:05:23 GMT

Hello there,

I'm running a Vue3 app with ViteJS with Leaflet 1.7.1 and I'd like to use Esri's geocoding plugin https://developers.arcgis.com/esri-leaflet/geocode-and-search/search-for-an-address/

So I ran yarn add esri-leaflet esri-leaflet-geocoder esri-leaflet-vector but as `require()` doesn't exist in vite, I tried `import esri from 'esri-leaflet'` instead but it doesn't work, since the lib doesn't provide a default export.

Example:

<script setup>
import L from 'leaflet';
import esri from 'esri-leaflet';
// ...
</script>

Any idea what / how to import the library in a Vite context?

Thanks!

Ben

Re: [Newcomer] Usage with Vite?

GavinRehkemper — Tue, 21 Jun 2022 13:17:51 GMT

Hi, thanks for the question.

I think you want to import the named module, like this:

import { FeatureLayer } from "esri-leaflet"; import { vectorBasemapLayer } from "esri-leaflet-vector";

https://github.com/gavinr/esri-leaflet-react-demo/blob/90f910ec5a45f56089853eff437b353c73457fff/src/Map.js#L4-L5

topic [Newcomer] Usage with Vite? in Open Source Mapping Libraries Ques.

[Newcomer] Usage with Vite?

Re: [Newcomer] Usage with Vite?