gpt4 book ai didi

google-maps - 在谷歌地图信息窗口angular2中显示自定义标签

转载 作者:行者123 更新时间:2023-12-01 08:14:19 26 4
gpt4 key购买 nike

map.component.ts 代码:

......
infoWindow = new google.maps.InfoWindow(
{
content: `<custom-tag></custom-tag>` //***not displaying anything***
});
infoWindow.open(map, marker);
......

map.component.html 代码:
<custom-tag></custom-tag>      <!--***displays hi***-->
<div class="google-maps"></div>

custom-tag.component.html 代码:
<h2>hi</h2>

module.ts、routing.ts 文件肯定没有错误。
信息窗口只是打开,什么也不显示,
请帮助我弄清楚为什么信息窗口没有显示任何内容。

最佳答案

您必须通过 ComponentFactoryResolver 动态创建组件

const compFactory = this.resolver.resolveComponentFactory(CustomTag);
this.compRef = compFactory.create(this.injector);

this.appRef.attachView(this.compRef.hostView);

let div = document.createElement('div');
div.appendChild(this.compRef.location.nativeElement);

this.infoWindow.setContent(div);
this.infoWindow.open(this.map, marker);

这里是 Plunker Example

不要忘记添加 CustomTag组件到 entryComponents

关于google-maps - 在谷歌地图信息窗口angular2中显示自定义标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43448577/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com