Google地圖-自定義標記圖標顯示在默認圖標下

Question

我想在地圖上添加帶有自定義圖標的標記。

 marker = new google.maps.Marker({
   position: coords,
   map: map
 });        
if(attrs.icon)
    marker.setIcon(attrs.icon);

這樣做會在地圖上添加一個新標記，但會在默認圖標（紅色位置符號）下添加自定義圖標。 這很奇怪。 有任何想法嗎？

Answer 1

通常，您將使用以下命令添加自定義圖標：

  var image = 'http://i.imgur.com/OG4CZt3.png';
  var beachMarker = new google.maps.Marker({
    position: {lat: -33.890, lng: 151.274},
    map: map,
    icon: image
  });

---

這是完整的摘錄， 來自docs

 #map { height: 250px; } 

 <div id="map"></div> <script> // This example adds a marker to indicate the position of Bondi Beach in Sydney, // Australia. function initMap() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 4, center: {lat: -33, lng: 151} }); var image = 'http://i.imgur.com/OG4CZt3.png'; var beachMarker = new google.maps.Marker({ position: {lat: -33.890, lng: 151.274}, map: map, icon: image }); } </script> <script async defer src="https://maps.googleapis.com/maps/api/js?signed_in=false&callback=initMap"></script> 

這樣做將防止自定義圖標出現在默認圖標下方。