谷歌地图API自定义标记

Question

我正在尝试使用各种形状和颜色的自定义标记图标创建地图。我的代码可以对所有位置使用任何单个标记，但不能对不同位置使用不同的标记。我目前正在将其编程到FileMaker Pro解决方案中，但我正在用Javascript编写代码。我是Javascript的新手，我正在学习，但下面是我迄今为止的代码：

var concus = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/red_customer.png';
var rencus = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/purple_customer.png';
var sercus = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/green_customer.png';
var connon = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/red_noncustomer.png';
var rennon = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/purple_noncustomer.png';
var sernon = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/green_noncustomer.png';
var imagenum;
var markers = [];
for (var i = 0; i < data.length; ++i) {
  var latlng = new google.maps.LatLng(data[i].latitude, data[i].longitude);
  var marker = new google.maps.Marker({position: latlng, map: map, icon: markerimage[i], title:data[i].label, info:data[i].info});
  markers.push(marker);
}

"icon:"之后的"markrimage"是一个数组，用于存储我的数据库中的值"脑震荡、rencus、sercus……"。如果我把"markrimage"换成任何一个特定的，脚本就会起作用，并向我显示一张地图，上面有所有的位置。如果我使用markrimage，我只会得到一张什么都没有的地图。

如有任何帮助，我们将不胜感激！

Zak

Answer 1

试试这个：

var iconBase = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/';
var icons = {
  concus: {
    icon: iconBase + 'red_customer.png'
  },
  rencus: {
    icon: iconBase + 'purple_customer.png'
  },
  sercus: {
    icon: iconBase + 'green_customer.png'
  },
  connon: {
    icon: iconBase + 'red_noncustomer.png'
  },
  rennon: {
    icon: iconBase + 'purple_noncustomer.png'
  },
  sernon: {
    icon: iconBase + 'green_noncustomer.png'
  }
};

function addMarker(feature) {
  var marker = new google.maps.Marker({
    position: feature.position,
    icon: icons[feature.type].icon,
    map: map
  });
}