自定义谷歌地图未正确渲染，分辨率不佳

Question

我已设置自定义谷歌地图图标的大小以使用它。

var icon_custom = new google.maps.MarkerImage(
                                                "img/map/po_test.png" ,
                                                null,
                                                null,
                                                null,
                                                new google.maps.Size(50, 50)
                                                );
      marker_points = new google.maps.Marker({
                                            position: new google.maps.LatLng(5.318590,-4.027873),
                                            map: map,
                                            title: " test ",
                                            icon: icon_custom,

                                    });

此大小与po_test.png的像素大小相同，即50x50像素。 我显示这些标记的分辨率非常差。我不知道问题的原因。 这是我渲染谷歌地图的div的风格

#map_point {
    height: 300px;
    width: 100%;
}

我在这个问题下面添加了一个图标示例以及我在谷歌地图中呈现的内容。

你能看出差异吗？我已经更改了size属性并按比例调整大小。问题仍然存在。

Answer 1

我尝试使用jsFiddle ....

上的图片http://i.stack.imgur.com/sEqhc.png重新创建此图片

告诉我以下两张图片有什么不同......

答案是......
当浏览器在视网膜监视器中时，第一张图片是上限，
当浏览器处于哑巴戴尔监视器中时，第二张图片是上限。
（同一台计算机，相同的浏览器，我只需将其切片并重新加载。）

显然，所有缩放事物都会发生一些事情......我猜......它需要的不仅仅是设置来解决这个问题。 可能是您应该报告错误，但是，地图团队需要很长时间才能修复，因为它听起来像是一个非常非常低优先级的错误。

希望这个帮助