Google Maps API，如何為多個自定義標記添加標記陰影

Question

請在此處觀看現場演示： http : //www.bmbsuaritma.com.tr/bmb-su-aritma-kampanyali-urunler.html

您可以在這里找到我的標記陰影： http : //www.bmbsuaritma.com.tr/images/retail_logos/shadow-baumax.png

我無法將陰影添加到標記中。 我的代碼在下面，將不勝感激

function initialize() {
var locations = [
['Tekzen Yapı Market - SİİRT ANDERA PARK AVM',37.933849,41.945507,2,'http://www.bmbsuaritma.com.tr/images/retail_logos/tekzen.png','<font face="arial" size="2"><div dir="ltr"><a href="http://www.bmbsuaritma.com.tr" target="_blank"><img src="http://www.bmbsuaritma.com.tr/images/retail_logos/tekzen-marker.png" alt="BMB Su Arıtma Cihazları"></a><br><strong><font color="blue">Mağaza:</font></strong> Siirt Andera Park AVM<br><strong><font color="blue">Adres:</font></strong> Andera Park AVM Yeni Mah.Cengiz Topal Cad.No:69, SİİRT<br><strong><font color="blue">Tel:</font></strong> (0484) 290 11 35 <br><br><a href="http://www.tekzen.com/Magazalarimiz" target="_blank"><strong><font color="red">&gt;&gt; Mağaza Sayfası</font></strong></a></div></font>'],
['Tekzen Yapı Market - DİYARBAKIR NCity AVM',37.929962,40.205238,1,'http://www.bmbsuaritma.com.tr/images/retail_logos/tekzen.png','<font face="arial" size="2"><div dir="ltr"><a href="http://www.bmbsuaritma.com.tr" target="_blank"><img src="http://www.bmbsuaritma.com.tr/images/retail_logos/tekzen-marker.png" alt="BMB Su Arıtma Cihazları"></a><br><strong><font color="blue">Mağaza:</font></strong> Diyarbakır NCity AVM<br><strong><font color="blue">Adres:</font></strong> N city avm .Turgut Özal Bulvarı MTA Bölge Müdürlüğü yanı Aydın Kent Şelale evleri No 1/84 Bağlar, DİYARBAKIR<br><strong><font color="blue">Tel:</font></strong> (0412) 237 76 20 <br><br><a href="http://www.tekzen.com/Magazalarimiz" target="_blank"><strong><font color="red">&gt;&gt; Mağaza Sayfası</font></strong></a></div></font>']

];

var map = new google.maps.Map(document.getElementById('map'), {
panControl: false,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.LARGE,
position: google.maps.ControlPosition.LEFT_CENTER
},
scaleControl: true,
scaleControlOptions: {
position: google.maps.ControlPosition.BOTTOM_LEFT
},
streetViewControl: false,
zoom: 6,
center: new google.maps.LatLng(39, 33.3),
mapTypeId: google.maps.MapTypeId.ROADMAP
});

var infowindow = new google.maps.InfoWindow({
  maxWidth: 220
});

var marker, i;

for (i = 0; i < locations.length; i++) {  
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map,
zIndex: locations[i][3],
icon: locations[i][4],
});

google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
  infowindow.setContent(locations[i][5]);
  infowindow.open(map, marker);
}
})(marker, i));
}
}

google.maps.event.addDomListener（窗口，“加載”，初始化）；

Answer 1

Google Maps JavaScript API的3.14版不再支持標記陰影。

以下是來自https://developers.google.com/maps/documentation/javascript/markers的內容 ：

注意：標記陰影已在Google Maps JavaScript API的3.14版中刪除。 以編程方式指定的任何陰影都將被忽略。

Answer 2

您更新的代碼...

for (i = 0; i < locations.length; i++) {  
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map,
zIndex: locations[i][3],
icon: locations[i][4],
shadow: yourShadowImageUrl // don't use ',' after last key value pair..since it won't work in IE
});