2015-05-06 42 views
0

我已經設置了自定義谷歌地圖圖標的大小來使用它。自定義谷歌地圖顯示不正確,壞分辨率

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

你能看出不同嗎?我已經更改了尺寸屬性並按比例調整大小。問題依然存在。

+0

的MarkerImage類已被棄用,使用[圖標](https://developers.google.com/maps/documentation/javascript/reference#Icon)代替 – duncan

回答

1

我試圖重新使用這個圖像http://i.stack.imgur.com/sEqhc.pngjsFiddle ....

並告訴我是什麼下面兩張照片之間的差異...

enter image description here

enter image description here

答案是...
當瀏覽器在視網膜監視器中時,第一張圖片是上限,
當瀏覽器處於愚蠢的戴爾監視器中時,第二張圖片是上限。
(同一臺電腦,同一個瀏覽器,我只是切過來,並重新加載)。

顯然有一些與所有的縮放的事情怎麼回事..我想..它需要比的設置來解決此問題的詳細。 可能是您應該報告一個錯誤,但是,地圖團隊需要很長時間才能修復它,因爲它聽起來像是一個非常非常低的優先級錯誤。

希望這有助於