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

时间:2018-02-28 08:10:00

标签: css google-maps ionic-framework ionic3

我使用自定义图片作为地图标记,但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;
}

输出 正如你所看到的标记大小一样。

enter image description here

1 个答案:

答案 0 :(得分:0)

我使用了以下代码:

  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) 
};