我需要在我的Map中添加一个自定义标记。我只想让它有一个圆形的形状和一个图像在里面,但我不能让它工作。代码:
<div class="map-container">
<google-map width="100%" height="100%" [center]="center" [zoom]="zoom">
<map-marker
*ngFor="let marker of markers"
[position]="marker.position"
[options]="marker.options"
[title]="marker.title"
></map-marker>
</google-map>
</div>
字符串
我是如何填充标记的:
this.markers.push({
position: { lat: parseFloat(lat), lng: parseFloat(lon) },
title: nombre,
icon: {
url: restaurant.imagenes[0]?.ruta_imagen,
scaledSize: new google.maps.Size(size, size),
} as google.maps.Icon,
options: {
draggable: false,
shape: {
coords: [size / 2, size / 2, size / 2],
type: 'circle',
},
} as google.maps.MarkerOptions,
});
型
尽管我尝试了很多变化,但我得到的只是一个平方的图像。有人能帮忙吗谢谢你,谢谢
1条答案
按热度按时间jm2pwxwz1#
我做了一些挖掘,使用Angular 贴图,你没有办法显示一个圆形的图像,除非图像已经是圆形的。
我能得到的最好的是使用自定义SVG。