// @deno-types="npm:@arcgis/core/interfaces.d.ts"
import config from "npm:@arcgis/core@4.29/config.js";
import Bookmarks from "npm:@arcgis/core@4.29/widgets/Bookmarks.js";
import Expand from "npm:@arcgis/core@4.29/widgets/Expand.js";
import MapView from "npm:@arcgis/core@4.29/views/MapView.js";
import WebMap from "npm:@arcgis/core@4.29/WebMap.js";
import { useEffect, useRef } from "preact/hooks";
export default function EsriMap() {
const mapDiv = useRef(null);
useEffect(() => {
config.request.useIdentity = false;
if (mapDiv.current) {
/**
* Initialize application
*/
const webmap = new WebMap({
portalItem: {
id: "aa1d3f80270146208328cf66d022e09c",
},
});
// ... the rest of the initialization code
}, [mapDiv]);
return <div className="mapDiv" ref={mapDiv}></div>;
}
// @deno-types="npm:@arcgis/core/interfaces.d.ts"
import config from "npm:@arcgis/core@4.29/config.js";
import Bookmarks from "npm:@arcgis/core@4.29/widgets/Bookmarks.js";
import Expand from "npm:@arcgis/core@4.29/widgets/Expand.js";
import MapView from "npm:@arcgis/core@4.29/views/MapView.js";
import WebMap from "npm:@arcgis/core@4.29/WebMap.js";
import { useEffect, useRef } from "preact/hooks";
export default function EsriMap() {
const mapDiv = useRef(null);
useEffect(() => {
config.request.useIdentity = false;
if (mapDiv.current) {
/**
* Initialize application
*/
const webmap = new WebMap({
portalItem: {
id: "aa1d3f80270146208328cf66d022e09c",
},
});
// ... the rest of the initialization code
}, [mapDiv]);
return <div className="mapDiv" ref={mapDiv}></div>;
}