为什么地图标记的样式设置在Ionic 2中无效？

Posted 2021-04-17

我使用自定义图像作为地图标记，但scss设置无效。我不明白这有什么问题。

 CurrentMarker(location) {
    let content: any;
    let image = 'assets/img/start.svg';
    let marker = new google.maps.Marker({
      map: this.map,
      animation: google.maps.Animation.DROP,
      position: location,
      icon: image
    });
}

SCSS

page-mapmodal {
background: rgb(229, 227, 223);

#map {
  width: 100%;
  height: 100%;
}

#map .gmnoprint img {
  width: 60px;
  height: 80px;
}

输出正如您可以看到标记大小相同。

答案

我使用了以下代码：

  var icon = {
    url: 'assets/img/target.svg', 
    scaledSize: new google.maps.Size(50, 50), 
    origin: new google.maps.Point(0,0), 
    anchor: new google.maps.Point(0, 0) 
};