组件.html:
<google-map (mapClick)="click($event)"
[center]="center" [options]="options" height="500px" width="100%"
[zoom]="zoom">
<map-marker (mapClick)="openInfoWindow(marker)" [clickable]="true"
*ngFor="let marker of markers" [position]="marker.position" [label]="marker.label"
[title]="marker.title" [options]="marker.options">
</map-marker>
<map-info-window>Info Window content</map-info-window>
</google-map>
Run Code Online (Sandbox Code Playgroud)
组件.ts:
options: google.maps.MapOptions = {
zoomControl: true,
scrollwheel: false,
disableDoubleClickZoom: true,
maxZoom: 15,
minZoom: 8,
}
Run Code Online (Sandbox Code Playgroud)
我试过在选项中添加带有 url 值的图标属性,在地图标记中传递输入但没有任何效果
https://github.com/angular/components/tree/master/src/google-maps#readme