如何在Power BI中直接嵌入含JS/CSS的自定义ArcGIS地图？

一、直接嵌入HTML地图的优化方案 #

• Data URI嵌入法：把ArcGIS地图的HTML代码压缩转义后，生成data:text/html;charset=utf-8,<压缩后的HTML内容>格式的Data URI，在Power BI里用度量值拼接这个URI，再通过表格视觉对象嵌入iframe。这种方式无需外部托管，直接把HTML内容内置到Power BI中，避免依赖GitHub Pages。注意要处理好CSS、JS里的特殊字符，比如引号、换行符的转义。
• 自定义视觉对象开发：如果有前端开发能力，可自行打包一个Power BI自定义视觉对象，把ArcGIS地图的HTML、JS、CSS直接整合进去。自定义视觉支持离线资源打包，只要把ArcGIS的依赖库（比如ArcGIS JS API）一起打包，就能在无法访问ArcGIS Online的环境里正常运行，交互性也能完全保留。

二、替代HTML Content的富HTML视觉对象 #

• MAQ Software的Custom Visual：支持直接输入HTML、CSS和JS代码，能渲染带交互的富内容，适配自定义地图这类复杂场景。
• Power BI HTML Viewer：第三方视觉市场中的该工具，允许粘贴完整HTML代码，解析并运行内部的JS和样式，适合快速嵌入自定义地图。
• Embed HTML Visual：另一款第三方视觉，支持嵌入包含JS和CSS的HTML片段，配置简单，能满足大多数交互式HTML内容的展示需求。

关键注意点 #

• 第三方视觉需要管理员在Power BI环境中允许从AppSource安装，部署前要确认权限。
• 离线环境下，要确保所有依赖资源（比如ArcGIS JS库）都打包到HTML或视觉对象里，避免外部网络请求。
• Power BI的安全策略可能限制部分JS功能，测试时需要在Desktop端启用“允许加载不安全的内容”，服务端则需管理员调整相应安全设置，保证地图交互正常。

内容的提问来源于stack exchange，提问作者bmsqldev