Question

我需要在地图上显示标记并且效果很好。唯一的问题是它们看起来太小了。如何确保使用的标记尺寸较大，几乎可以从任何缩放状态中看到？

Answer 1

为了使图标更大，我肯定会建议你将图标图像放大。例如，使用缩小的高分辨率图标修复高dpi移动设备上的像素图标使用以下代码：

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(position.coords.latitude, position.coords.longitude),
    map: map,
    icon: {
        url: "img/img.png",
        scaledSize: new google.maps.Size(32, 32) // pixels
    }
});

使用Google Maps API JavaScript v3.13进行测试

Answer 2

如果您使用api的版本3 -

创建标记时，您可以在标记选项中指定如下图标：

icon: new google.maps.MarkerImage(
         url:string, size?:Size, 
         origin?:Point, anchor?:Point, scaledSize?:Size
      )

将尺寸设置为图标图像的实际尺寸。将scaledSize设置为您要将图像拉伸到的任何大小。

最好将图标图像设置为您想要的尺寸，而不是缩放它。

Google地图v3：标记尺寸较大

2 个答案: