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/embeddable-components/4.32/arcgis-embeddable-components.esm.js"
></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>