HERE底图在Firefox及PowerBI自定义视觉中加载失败问题咨询

1. PowerBI自定义视觉的沙箱环境权限限制：HERE矢量底图渲染依赖WebGL上下文，PowerBI默认给自定义视觉分配的沙箱权限默认未开启WebGL许可。Firefox对沙箱内WebGL权限的校验规则远严于早期版本的Chrome、Edge，所以最早只在Firefox环境触发报错，后续Chrome版本收紧沙箱权限规则后，Chrome环境也会复现同款错误。
2. HERE JS API依赖加载不全：矢量底图的Tangram渲染器需要mapsjs-vector.js模块提供解析支持，你的加载列表里仅包含core、service等基础模块，缺少矢量渲染的核心依赖，所以会抛出瓦片加载错误、style group解析错误。
3. 动态脚本加载触发CSP拦截：PowerBI自定义视觉有严格的内容安全策略（CSP），你采用动态插入script元素的方式加载外部资源，部分场景下会触发CSP校验拦截，被沙箱拦截的瓦片请求不会上报到父页面的网络面板，所以你观测不到异常请求记录。

• 补全依赖模块：在mapsjs-core.js加载完成后，新增mapsjs-vector.js的加载逻辑，该模块是矢量底图渲染的必须依赖。
• 调整沙箱权限：如果使用iframe嵌入的方案，给iframe标签添加allow="webgl"属性；如果是原生PowerBI自定义视觉开发，在项目根目录的pbiviz.json配置文件中，找到sandboxPermissions配置节点，新增webgl权限声明。
• 优化资源加载方式：把HERE相关的JS、CSS资源改成在自定义视觉的入口HTML文件中静态引入，避免动态加载触发的CSP校验问题。
• 兼容兜底方案：如果调整后仍有兼容性问题，可以暂时替换为光栅底图规避WebGL依赖，将地图初始化代码中的maptypes.vector.normal.map替换为maptypes.raster.normal.map即可，光栅底图不需要额外依赖，兼容性更强。

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