Google Maps API自定义标记SVG大小和位置

Question

[根据div数据属性创建自定义Google Map标记SVG时，如何控制SVG的大小？默认情况下，Google会使其变得庞大。如果使用CSS，则定位完全关闭。 Google API文档与下面的内容有些不同，我不知道如何使它工作。任何信息表示赞赏！

这是标记HTML：

<div class="marker" data-lat="<?php echo $loc_address_lat; ?>" data-lng="<?php echo $loc_address_lng; ?>" data-marker="/custom-pin-<?php echo $map_marker_color; ?>.svg">

这是脚本中创建标记的部分。我的尝试（例如'scaledSize'）失败了。

// create marker
var marker = new google.maps.Marker({
    position : latlng,
    map : map,
    //icon : image // Custom image (comment out to disable),
    icon: $marker.attr('data-marker'),
    scaledSize: new google.maps.Size(10, 10),
});

这里是一个小提琴：https://jsfiddle.net/inhouse/3xnz8yg9/2/

Answer 1

像这样使用它：

icon

marker

marker
代码段：
 
var marker = new google.maps.Marker({
  position: latlng,
  map: map,
  icon: {
    url: $marker.attr('data-marker'),
    scaledSize: new google.maps.Size(30, 30),
  }
});
updated fiddle