不支持。高德地图 iframe 嵌入固定包含搜索栏、图层切换、缩放控件及版权信息等 UI 元素，无公开参数可隐藏，属服务端硬编码；手动拼接 URL 易白屏或跳转，须使用官方“嵌入网页”生成的以 embed? 开头的 src；如需精简 UI，应接入 JS SDK 或静态图 API。
高德地图 iframe 嵌入是否支持去 UI？
不支持。高德地图官方生成的 <iframe> 嵌入代码（如 https://www.amap.com/embed?marker=116.48,39.99&zoom=14）**固定包含顶部搜索栏、图层切换、缩放控件、版权信息等 UI 元素**，且无公开参数可隐藏。这不是配置遗漏，而是服务端硬编码行为——你改任何 URL 参数（比如加 &hideUI=true 或删 marker）都不会生效。
为什么手动拼接 embed URL 容易白屏或跳转？
常见错误是直接用高德分享页链接（如 https://www.amap.com/share/xxx）或搜索页 URL（如 https://www.amap.com/search?query=北京）塞进 src。这些地址不是嵌入接口，浏览器会触发重定向或返回 403。必须使用高德「分享 → 嵌入网页」弹窗里生成的完整 <iframe> 代码，其 src 一定以 https://www.amap.com/embed? 开头，且含 embed=1 或等效标识。
- 复制时务必点「嵌入网页」，不是「复制链接」或「短链接」
- 检查生成的
src是否含embed?—— 缺了就无效 - 别对中文地址做
encodeURIComponent()：嵌入 URL 里的坐标是经纬度，不是地址字符串
想精简 UI，只能换方案
如果页面设计要求彻底隐藏搜索框、版权栏、缩放按钮等，<iframe> 路径走不通。唯一可行路径是接入高德 JS SDK：AMap.Map。它允许通过 map.setFeatures([]) 关闭默认控件，用 new AMap.ControlBar({showZoomBar: false}) 等精细控制 UI 显示项。
- 需先在高德开放平台申请 Web 端
key，并确保域名已添加到白名单 - 初始化时设
features: []可隐藏所有默认 UI（包括 logo 和版权） - 但注意：高德《服务条款》要求保留底部版权信息（
© 高德地图），完全移除可能违反协议 - 若只想要“干净”静态图，可考虑用高德静态图 API（
https://restapi.amap.com/v3/staticmap），返回 PNG，无交互也无 UI
响应式容器里 iframe 白屏或高度塌陷
直接写 <iframe width="100%" height="400"> 在 flex/grid 容器中大概率白屏，因为 height="400" 是固定像素，在小屏下强行撑开，而父容器未设 position: relative，导致 height: 100% 失效。正确做法是用 padding-top 占位：
立即学习“前端免费学习笔记（深入）”；
<div style="position: relative; width: 100%; padding-top: 75%;">
<iframe src="https://www.amap.com/embed?marker=116.48,39.99&zoom=14"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
allowfullscreen></iframe>
</div>
-
padding-top: 75%对应 4:3 宽高比；16:9 改为56.25% - 必须加
referrerpolicy="no-referrer-when-downgrade"，否则部分 HTTPS 页面会因 referer 策略被拒 -
loading="lazy"防止地图阻塞首屏渲染
<iframe> 里，就只能接受高德给的那套界面——这是它的服务边界，不是你代码没写对。 
