Google Maps API Marqueurs personnalisés

Question

J'essaie de créer une carte en utilisant des icônes de marqueurs personnalisés de différentes formes et couleurs. J'ai le code qui fonctionne de telle sorte que je peux utiliser n'importe quel marqueur pour tous les emplacements, mais pas de marqueurs différents pour des emplacements différents. Je suis en train de programmer ceci dans une solution FileMaker Pro mais j'écris le code en Javascript. Je suis nouveau Javascript et je suis ramasser les choses que je vais, mais au-dessous est le code que j'ai jusqu'à présent:

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 » après « icône: » est le tableau qui stocke les valeurs « concus , rencus, sercus ... etc "de ma base de données. Si je remplace "markerimage" par l'un des spécifiques, le script fonctionne et me montre une carte avec tous les emplacements sur eux. Si j'utilise markerimage, je n'ai qu'une carte avec rien.

Toute aide serait grandement appréciée!

Zak

Answer 1

Essayez ceci:

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