我正在使用Azure 地图 Web 控制 https://www.npmjs.com/package/azure-maps-control与 Angular 11+ 一起使用。我可以在浏览器端创建地图的实例，没有任何问题：
html
<div class="map-target" #mapTarget></div>
code
export class MapComponent implements AfterViewInit {
@ViewChild('mapTarget') matTarget: ElementRef<HTMLElement> | undefined;
map: Map | undefined;
constructor(@Inject(PLATFORM_ID) private platformId: any) {}
ngAfterViewInit(): void {
if (isPlatformBrowser(this.platformId)) {
this.map = new Map(this.matTarget?.nativeElement as HTMLElement, {
center: [-118.270293, 34.039737],
zoom: 14,
view: 'Auto',
authType: 'subscriptionKey',
subscriptionKey: 'key-here',
});
}
}
}
我面临的问题是，每当 Azure Maps 类（Map、DrawingManager、Layers 等）的代码中包含构造函数调用时，它就会破坏 SSR 构建，并出现以下错误：
Error: Non-standard crypto library
at D:\code\clients\beyond-key\dqt\temp\azure-maps-ssr-issue\dist\azure-maps-ssr-issue\server\main.js:150:794680
at i (D:\code\clients\beyond-key\dqt\temp\azure-maps-ssr-issue\dist\azure-maps-ssr-issue\server\main.js:150:794859)
at l (D:\code\clients\beyond-key\dqt\temp\azure-maps-ssr-issue\dist\azure-maps-ssr-issue\server\main.js:150:794925)
at D:\code\clients\beyond-key\dqt\temp\azure-maps-ssr-issue\dist\azure-maps-ssr-issue\server\main.js:150:883579
at D:\code\clients\beyond-key\dqt\temp\azure-maps-ssr-issue\dist\azure-maps-ssr-issue\server\main.js:150:22
at Object./0ki (D:\code\clients\beyond-key\dqt\temp\azure-maps-ssr-issue\dist\azure-maps-ssr-issue\server\main.js:150:43)
at __webpack_require__ (D:\code\clients\beyond-key\dqt\temp\azure-maps-ssr-issue\dist\azure-maps-ssr-issue\server\main.js:20:30)
at Module.cNoH (D:\code\clients\beyond-key\dqt\temp\azure-maps-ssr-issue\dist\azure-maps-ssr-issue\server\main.js:80114:76)
at __webpack_require__ (D:\code\clients\beyond-key\dqt\temp\azure-maps-ssr-issue\dist\azure-maps-ssr-issue\server\main.js:20:30)
at Module.Sy1n (D:\code\clients\beyond-key\dqt\temp\azure-maps-ssr-issue\dist\azure-maps-ssr-issue\server\main.js:71265:76)
这种情况的发生无需在 SSR 端执行代码（所有都是包装的平台检查）。
删除构造函数调用但保留所有其他引用“修复”了该问题。
我真的很想继续使用 Azure 地图，但目前这个问题使 Bing 地图成为我唯一的选择。还有其他人经历过类似的事情并找到了解决方法吗？我成功尝试的一件事是将地图创建移至仅包含在浏览器构建中的工厂。一旦事情变得清楚，这将需要对所有多边形、图钉等进行处理。这变得不可行。
回购协议可用here https://github.com/JayChase/azure-maps-ssr-issue重现问题。
git clone github.com/JayChase/azure-maps-ssr-issue
npm i
npm run dev:ssr
