我知道在谷歌地图API的v3版本中,官方已经移除了标记的阴影。考虑到这一点,我有一个需要使用标记阴影的项目。当标记被点击时,我想在标记上放置一个阴影。这实质上是向标记添加事件监听器,并在单击标记时向标记添加阴影,以显示所单击的标记是活动标记。
我阅读了一些页面,例如谷歌地图v3中的标记阴影,其中所有标记都带有阴影,但我想借鉴这样的示例,并在单击标记时添加阴影,并在标记失去焦点(即单击另一个标记时)时删除阴影。
我的jsfiddle有两个标记可供使用,代码如下:jsfiddle在此处。
我阅读了一些页面,例如谷歌地图v3中的标记阴影,其中所有标记都带有阴影,但我想借鉴这样的示例,并在单击标记时添加阴影,并在标记失去焦点(即单击另一个标记时)时删除阴影。
我的jsfiddle有两个标记可供使用,代码如下:jsfiddle在此处。
var marker;
var locations = [["6","43.683","9.58","3002: Location 1",1],["7","45.149","9.44","3003: Location",2]];
function initialize() {
var mapProp = {
center: new google.maps.LatLng(43.683, 9.44),
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position:new google.maps.LatLng(locations[i][1], locations[i][2]),
icon:'https://maps.gstatic.com/mapfiles/ms2/micons/purple.png',
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
alert(locations[i][3] + " was clicked");
}
})(marker, i));
marker.setMap(map);
}
}
google.maps.event.addDomListener(window, 'load', initialize);
如果有人能帮忙提供一个策略或者代码片段,让点击标记时产生阴影,我会非常高兴。请随意 fork 这个 jsfiddle,并将修改后的链接放在这里。