Javascript 如何使用谷歌地图角度组件从谷歌地图中删除地标

我用的是，它工作得很好

但现在我想从地图上删除一些地标，以减少拥挤，以便能够更清楚地显示我的标记

我在下面找到了这些资源，但不知道如何将其应用到我正在使用的节点包中

我在这里看到，它显示了使用“setMapStyle（）”将样式应用于“googlemap”，但这不是angular包中的方法

下面是我使用谷歌地图的组件（不是全部代码），但它显示了我如何使用地图的全部代码

导入{
MapInfo窗口，
地图标记，
谷歌舆图
}来自“@angular/googlemaps”；
导出类YogaBandeventComponent在NIT上实现{
colContentRef:ElementRef；
@ViewChild（谷歌地图{
静态：错误
})谷歌地图：谷歌地图；
@ViewChild（MapInfo窗口{
静态：错误
})信息窗口：MapInfo窗口；
缩放=12；
中心：google.maps.LatLngLiteral；
选项：google.maps.MapOptions={
mapTypeId:“路线图”，
mapTypeControl:false，
滚轮：对，
maxZoom:18，
minZoom:10，
街景控制：错误，
fullscreenControl:错误
};
标记：标记[]；
信息内容=''；
构造函数（…）{。。。
}
openInfo（标记：MapMarker，内容）{
this.infoContent=内容；
this.infoWindow.open（标记）；
}
showmarks（）{
this.markers=[]；
对于（此事件的const ybEvent.yogabandEvents）{
常量标记=新标记（）；
marker.info=ybEvent.name；
marker.title=ybEvent.name；
marker.position={
纬度：ybEvent.latitude，
lng:ybEvent.longitude
};
marker.label={
颜色：“#17a2b8”，
文本：ybEvent.yogaType，
fontWeight:'粗体'，
字体大小：“16px”
};
marker.options={
图标：{
//scaledSize：新的google.maps.Size（40,40），
url:'assets/images/marker.svg'，
labelOrigin：新的google.maps.Point（18,50）
}
};
这个。标记。推（标记）；
}
}
}

{{infoContent}}

尝试使用的属性。 像这样：

options: google.maps.MapOptions = {
    mapTypeId: 'roadmap',
    mapTypeControl: false,
    scrollwheel: true,
    maxZoom: 18,
    minZoom: 10,
    streetViewControl: false,
    fullscreenControl: false,
    styles: [...]
  };

---

它可能会变得有点烦人的风格，它的细节。您可以从中生成一组样式（它还有一个地标幻灯片来逐渐删除它们，然后导出样式数组）。

您好，谢谢！这似乎奏效了。我从向导中创建了一些样式，然后将其粘贴到MapOptions的styles属性中。太棒了！请帮我投票，如果这解决了你的问题，请将答案标记为正确。如果你还需要什么，请回来；）我知道有时候处理地图会很痛苦。哈哈，事实上我还有一个问题，但我打算在一个新的帖子里发帖。我想设置标记标签的背景色。我已经用“labelOrigin”设置了位置，在开发工具中查看了标记，我看不到任何可以用来给背景上色的东西。事实上，我认为为了使事情有条理（以及IDK，如果规则对此有所规定），最好设置一个线程，因为它不是标题所说的。因此，也许最好创建一个新问题，或者更新此内容以涵盖这两个项目。我发布了一个新的帖子：