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> 

这样做将防止自定义图标出现在默认图标下方。