2014-01-27 111 views
1

How to change the cross below the marker?如何更改標記下方的十字(Google地圖V3)?

如何更改標記下方的十字?

+0

你的代碼是什麼樣的?你的標記是否可拖動?拖動時是否要刪除十字架? 'crossOnDrag \t布爾型\t如果爲false,則禁用拖動時出現在標記下方的交叉。此選項默認爲true .'從[MarkerOptions文檔](https://developers.google.com/maps/documentation/javascript/reference#MarkerOptions) – geocodezip

+0

@geocodezip我想在圈子中替換他。謝謝。 –

回答

2

沒有基於API的選項來更改交叉。

有可能的CSS-解決方法:

img[src^='https://mts.googleapis.com/vt/icon/name=icons/spotlight/directions_drag_cross']{ 
    /*your custom image, 16*16, used as background*/ 
    background:url(http://i.imgur.com/FKMkIVQ.png); 
    /*give the default-image a large width, 
     it will be cropped to 16*16, so the cross will disappear*/ 
    width:200px !important; 
    height:200px !important; 
} 

問題:十字架的形象-SRC可能有一天會改變,那麼選擇將不再匹配。

演示:http://jsfiddle.net/doktormolle/m58A7/

一個更好的辦法是禁用的交叉和觀察的dragstart和dragend應用不同的標記(與自定義交叉),同時拖動。

+0

這正是我需要的。謝謝。 –

+0

如何更改谷歌地圖上的指針? –

1

最簡單的方法是使用set raiseOnDrag:false來標記選項。

var marker = new google.maps.Marker({ 
position: latLng, 
title: 'Point A', 
map: map, 
draggable: true, 
raiseOnDrag: false 

});

相關問題