angular-google-maps 相关问题

Angular Google Maps是一套用CoffeeScript和Javascript编写的AngularJS指令（angular-ui的一部分），它将Google Maps集成到AngularJS应用程序中。

我目前正在使用 @angular/google-maps 库开发 Angular 应用程序，我需要更改地图标记的颜色。以下是相关详情：角度版本：14.3.0 @an...

angular google-maps angular-google-maps

回答 1 投票 0

我正在使用带有几个高级标记的@angular/google-maps包（因为MapMarkers已被弃用）：我正在使用 @angular/google-maps 包和几个高级标记（因为 MapMarkers 已被弃用）： <google-map height="400px" width="750px" [center]="center" [zoom]="zoom" (mapInitialized)="onMapInitialized($event)"> @for (position of markerPositions; track position) { <map-advanced-marker #mapAdvancedMarker="mapAdvancedMarker" [position]="position" /> } </google-map> 如何获取组件中特定标记的引用，以便更新其内容、位置……或触发单击事件？显然，为了检查 (mapInitialized)="onMapInitialized($event)" 引用，ViewChild 回调函数不可靠（因为它一直是 undefined）。因此，当检查它时AfterViewInit，它已设置完毕并且一切正常，我可以用它做任何我想做的事情。

angular google-maps google-maps-markers angular-google-maps

回答 1 投票 0

当我必须加载数百个标记时，Angular Google 地图的性能极其缓慢

我正在渲染大约 400 个地图高级标记，但是，这些标记使我的应用程序非常慢，而且我看不到任何可能导致此问题的内容。这是我的代码：我正在渲染大约 400 个地图高级标记，但是，这些标记使我的应用程序变得非常慢，而且我看不到任何可能导致此问题的内容。这是我的代码： <div class="map-container" style="height: 100%;"> <google-map #map height="100%" width="100%" [options]="mapOptions" mapId="myMapID"> @for (marker of markers; track marker) { <map-advanced-marker #markerElem="mapAdvancedMarker" [position]="marker ?? {lat: 0, lng: 0}" [title]="marker.title" (mapClick)="onMarkerClick(markerElem)"></map-advanced-marker> } <map-info-window #infoWindow>info window</map-info-window> </google-map> </div> onMarkerClick 打开一个新的信息窗口以显示有关标记的相关信息： onMarkerClick(marker: MapAdvancedMarker) { const contentString = 'some html here' this.infoWindow.openAdvancedMarkerElement(marker.advancedMarker, contentString); } 我尝试使用集群，但我认为这不是一个解决方案，性能仍然很慢，我看到其他应用程序运行数百个标记而没有对它们进行分组，并且该应用程序具有良好的性能。遗憾的是，Angular Google 地图文档不是那么好，我没有找到任何可能导致这种延迟的内容。另外，我尝试在一个空白项目中运行它，得到了相同的结果。我前段时间也遇到了同样的问题，据我所知是图书馆的问题，目前还没有办法解决。尝试使用法线贴图标记。

angular performance google-maps angular-google-maps

回答 1 投票 0

Angular 谷歌地图，当我必须加载数百个标记时性能极其缓慢

我正在渲染大约 400 个地图高级标记，但是，这些标记使我的应用程序非常慢，而且我看不到任何可能导致此问题的内容。这是我的代码：我正在渲染大约 400 个地图高级标记，但是，这些使我的应用程序非常慢，而且我看不到任何可能导致此问题的内容。这是我的代码： <div class="map-container" style="height: 100%;"> <google-map #map height="100%" width="100%" [options]="mapOptions" mapId="myMapID"> @for (marker of markers; track marker) { <map-advanced-marker #markerElem="mapAdvancedMarker" [position]="marker ?? {lat: 0, lng: 0}" [title]="marker.title" (mapClick)="onMarkerClick(markerElem)"></map-advanced-marker> } <map-info-window #infoWindow>info window</map-info-window> </google-map> </div> onMarkerClick 打开一个新的信息窗口以显示有关标记的相关信息： onMarkerClick(marker: MapAdvancedMarker) { const contentString = 'some html here' this.infoWindow.openAdvancedMarkerElement(marker.advancedMarker, contentString); } 我尝试使用集群，但我认为这不是一个解决方案，性能仍然很慢，我看到其他应用程序运行数百个标记而没有对它们进行分组，并且该应用程序具有良好的性能。可悲的是，有角度的谷歌地图文档不是那么好，我没有找到任何可能导致这种滞后的东西。另外，我尝试在空白项目中运行它，得到了相同的结果。我前段时间也遇到了同样的问题，据我所知是图书馆的问题，目前还没有办法解决。尝试使用法线贴图标记。

angular performance google-maps angular-google-maps

回答 1 投票 0

使用物理设备或模拟器时无法在 Ionic / Capacitor 上加载 Google Maps JS API（在浏览器上工作正常）

我正在尝试在 Ionic-Angular 应用程序上使用地图 JS API，该应用程序需要在物理设备和 Web 浏览器上使用。目标是使用地图自动完成功能和两个...

angular google-maps ionic-framework angular-google-maps

回答 1 投票 0

当我构建应用程序时，角度谷歌地图不会加载图块，但标记可以工作

在开发模式下，我的谷歌地图组件（使用角度谷歌地图库，v17）工作得很好，我必须从谷歌云平台创建一个mapId，因为否则，它说我不能使用标记...

angular google-maps ionic-framework angular-google-maps

回答 1 投票 0

如何修复 Angular 6 中的“Google Maps JavaScript API 错误：InvalidKeyMapError”错误？

我在我的 Angular 6 应用程序中使用谷歌地图。我也在另一个项目中使用了这个谷歌地图，但最近我开始了另一个项目并安装了 Angular agm。然后我使用了 API 密钥...