benelan / arcgis-esm-samples

Samples that integrate the @arcgis/core build of the ArcGIS Maps SDK for JavaScript with various Server Side Rendering frameworks.
https://www.esri.com/arcgis-blog/products/js-api-arcgis/developers/ssr-esm/
Other
22 stars 7 forks source link
arcgis esm esmodules esri example gis nextjs nuxtjs ssr svelte sveltekit webbapp

@arcgis/core with Sever Side Rendering Frameworks

The samples in this repo were created for a blog post, and extend those provided by Esri. The samples integrate the @arcgis/core build of the ArcGIS Maps SDK for JavaScript with Server Side Rendering frameworks (plus Svelte, because Svelte is great).

Get started

Install the modules into your project:

npm install @arcgis/core

Then use import statements to load individual modules.

import EsriMap from '@arcgis/core/Map';
import MapView from '@arcgis/core/views/MapView';

const map = new EsriMap({
  basemap: 'topo-vector'
});

const view = new MapView({
  container: 'viewDiv',
  map: map
});

The samples have their own READMEs for framework specific steps.

Configure CSS

The final step is to set up the CSS:

@import 'https://js.arcgis.com/4.25/@arcgis/core/assets/esri/themes/light/main.css';