自定义谷歌地图显示不正确，坏分辨率

我已经设置了自定义谷歌地图图标的大小来使用它。自定义谷歌地图显示不正确，坏分辨率

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像素。我有一个非常糟糕的分辨率显示这些标记。我不知道问题的原因。这是那里的谷歌地图呈现

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

我已经加入下面这个问题图标的例子，我的div风格我有什么作为谷歌地图渲染。 po_test.png example google map render

你能看出不同吗？我已经更改了尺寸属性并按比例调整大小。问题依然存在。

来源

2015-05-06 hich_ham

的MarkerImage类已被弃用，使用[图标]（https://developers.google.com/maps/documentation/javascript/reference#Icon）代替 – duncan

我试图重新使用这个图像http://i.stack.imgur.com/sEqhc.png上jsFiddle ....

并告诉我是什么下面两张照片之间的差异...

enter image description here

答案是...
当浏览器在视网膜监视器中时，第一张图片是上限，
当浏览器处于愚蠢的戴尔监视器中时，第二张图片是上限。
（同一台电脑，同一个浏览器，我只是切过来，并重新加载）。

显然有一些与所有的缩放的事情怎么回事..我想..它需要比的设置来解决此问题的详细。可能是您应该报告一个错误，但是，地图团队需要很长时间才能修复它，因为它听起来像是一个非常非常低的优先级错误。

希望这有助于

来源

2015-05-06 17:50:43 kaho

自定义谷歌地图显示不正确，坏分辨率

回答

相关问题