As part of the ArcGIS Maps SDK for JavaScript's embeddable components, the embedded map component allows users to quickly embed a saved WebMap into a website with default components (i.e. zoom, legend, bookmarks) pre-configured.
By adding a single script tag and the custom element to your page, the embedded map component will load the required files from the CDN to provide a seamless developer experience.
<!-- Add script to the <head> of your page --> <script type="module" src="https://js.arcgis.com/4.33/embeddable-components/"></script> <!-- Add custom element to <body> of your page --> <!-- Note: a height of 600px as a minimum is ideal --> <arcgis-embedded-map style="height:600px; width:700px;" item-id="10f5128431d44f9180d9936834100ac5" legend-enabled heading-enabled> </arcgis-embedded-map>