Ionic @angular/google-maps 13.3.9 -使标记具有圆形形状和图像

3bygqnnd  于 2023-08-01  发布在  Ionic
关注(0)|答案(1)|浏览(239)

我需要在我的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,
      });


尽管我尝试了很多变化,但我得到的只是一个平方的图像。有人能帮忙吗谢谢你,谢谢

jm2pwxwz

jm2pwxwz1#

我做了一些挖掘,使用Angular 贴图,你没有办法显示一个圆形的图像,除非图像已经是圆形的。
我能得到的最好的是使用自定义SVG。

相关问题