Пользовательские маркеры API Карт Google

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); 
} 

«MarkerImage» после «значок:» это массив, который хранит значения «concus , rencus, sercus ... и т. д. "из моей базы данных. Если я заменил «markerimage» на любой из конкретных сценариев, который работает, и покажет мне карту со всеми местоположениями на них. Если я использую markerimage, я получаю только карту, на которой ничего нет.

Любая помощь была бы принята с благодарностью!

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 
    }); 
}