未显示不同标记的 Google Maps 自定义标记图标答案

【问题标题】：Google Maps Customized Marker icons for different markers not displaying未显示不同标记的 Google Maps 自定义标记图标
【发布时间】：2013-12-26 11:00:48
【问题描述】：

我有一组自定义图标：

 var iconBase = 'http://localhost/icons/';

 var icons = {
 red: {
    icon: iconBase + 'red.png'
  },
  green: {
    icon: iconBase + 'green.png'
  },
  info: {
    icon: iconBase + 'red.png'
  }
};

现在，当我像这样在 icon: icons[red].icon, 在标记中调用它们时：

var marker = new google.maps.Marker({
  position: latlng,
  icon: icons[red].icon,
  map: map
});

我没有在地图上找到任何标记，您能告诉我我做错了什么吗？这是整个代码：

var map;
$(document).ready(function () {
        var latlng = new google.maps.LatLng(49.241943, -122.889318);
        var myOptions = {
                        zoom: 17,
                        center: latlng,
                        disableDefaultUI: true,
                        mapTypeId: google.maps.MapTypeId.ROADMAP,
                        scaleControl: true,
                        panControl: true,
                        mapTypeControl:true,
                        mapTypeControlOptions: {
  style:google.maps.MapTypeControlStyle.DROPDOWN_MENU,
  position:google.maps.ControlPosition.TOP_CENTER
},
                        zoomControl: true
        };
       map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
 //Icon Contoling
     var iconBase = 'http://localhost/icons/';
    var icons = {
  red: {
    icon: iconBase + 'red.png'
  },
  green: {
    icon: iconBase + 'green.png'
  },
  info: {
    icon: iconBase + 'red.png'
  }
};

var marker = new google.maps.Marker({
  position: latlng,
  icon: icons[red].icon,
  map: map
});

});

【问题讨论】：

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

【解决方案1】：

ReferenceError：红色未定义

尝试改变

icon: icons[red].icon

到

icon: icons['red'].icon

【讨论】：

感谢 MrUpsidown 现在知道了
不客气。尝试使用 Firebug 等调试控制台，此类错误会变得更加明显。