angular - 使用 AGM 在谷歌地图上加载图像
问题描述
我有一个要求使用 agm 在谷歌地图上显示/隐藏图像,如下所示。我认为 AGM 有一些实用程序可用,但我不知道。下面是我加载地图的代码和在 handleOnTilesLoaded() 方法上我想添加一些代码来加载图像
<agm-map [zoom]="5" [latitude]="lat" [longitude]="lng" (mapReady)="onMapReady($event)"
(mapClick)="mapClick($event)" (mapReady)="mapReady($event)"(tilesLoaded)="handleOnTilesLoaded()">
</agm-map>
解决方案
<agm-map [disableDefaultUI]="true" [zoomControl]="true" [zoom]=3 [usePanning]="true">
<agm-overlay>
<img src="../../assets/images/marker.png" >
</agm-overlay>
</agm-map>
推荐阅读
- windows - 如何在 Windows API 中查询驱动器的制造商?
- html - 如何在不设置溢出的情况下解决“宽度:水平滚动时比 flexbox 父级大 100% 的子级”:隐藏;
- flutter - Flutter:将视频通话和服务器/云视频通话记录添加到远程医疗应用程序
- flutter - 如何在单页 Flutter WEB 应用中跟踪用户旅程?
- c++ - -9'223'372'036'854'775'808LL 无符号
- python - Django Rest Framework 中 register() 中的 base_name 参数出错
- python - 在不覆盖整个字典的情况下合并字典?
- tensorflow.js - 所有输入和输出的权重是否共享?
- mysql - 当金额相同时,MySQL按相同类别的数量排序不起作用
- javascript - 有没有办法在一个 onClick 事件中发送道具和功能?