如何更改标记下方的十字(Google Map V3)?

时间:2014-01-27 00:11:53

标签: google-maps google-maps-api-3 google-maps-markers

How to change the cross below the marker?

如何更改标记下方的十字架?

2 个答案:

答案 0 :(得分: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;
}

问题:十字架的image-src有一天会改变,然后选择器就不再匹配了。

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

更好的方法是禁用十字架并观察dragstart和dragend以在拖动时应用不同的标记(使用自定义十字)。

答案 1 :(得分:1)

最简单的方法是使用set raiseOnDrag:false作为标记选项。

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

});