SuperAPI AI 工具集

arcgis-embeddable-maps

前端与建站

查看项目

更新于 10-16 03:17

技能介绍

用途:在网页中快速嵌入轻量、自包含的只读地图,适用于博客、仪表盘、报告等场景,无需自定义控件、编辑或编程式地图控制。需要完整应用时改用 arcgis-map。

主要能力:arcgis-embedded-map 是 @arcgis/embeddable-components 提供的一个 Web Component,基于 5.0 版本,无 4.x 对应组件。必需属性 item-id(WebMap 门户条目 ID);可选 portal-url、api-key、center、zoom、scale、extent、webMap、theme(light/dark)。内置 UI 控件通过属性开关:heading-enabled、legend-enabled、bookmarks-enabled、basemap-gallery-enabled、information-enabled、share-enabled、fullscreen-disabled、scroll-enabled、time-zone-label-enabled。支持 componentOnReady() 方法。可通过 CSS 变量定制外观。

使用方式:CDN 方式需同时加载核心 SDK 与 embeddable-components 脚本,再用 arcgis-embedded-map 标签并设置 item-id 与显式宽高;构建工具方式导入 @arcgis/embeddable-components/components/arcgis-embedded-map。也可通过 JS 设置 extent 或传入 WebMap 实例。

限制:必须提供 item-id,且需单独加载 embeddable-components 脚本,并显式设置尺寸,否则地图不显示。该组件不支持自定义控件、编辑、图层操作或编程式视图控制,此类需求应改用 arcgis-map。长页面内嵌时建议用 scroll-enabled="false" 避免滚动缩放困住用户。收费、价格及具体平台细节暂未提供。