Google Maps Javascript: ajouter user photo à un marqueur

Question

J'ai des pages de profil pour les utilisateurs de mon petit jeu de cartes, comme celui-ci - où j'afficher leur position en regardant leur ville. Mon code actuel de jQuery est ici:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script type="text/javascript"> 

$(function() {
    // the city name is inserted here by the PHP script
    findCity('New-York');
});

function createMap(center) {
    var opts = {
        zoom: 9,
        center: center,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    return new google.maps.Map(document.getElementById("map"), opts);
}

function findCity(city) {
    var gc = new google.maps.Geocoder();
    gc.geocode( { "address": city}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var pos = results[0].geometry.location;
            var map = createMap(pos);
            var marker = new google.maps.Marker({
                map: map, 
                title: city,
                position: pos
            });
        }
    });
}

</script>
......
<div id="map"></div>

et il fonctionne bien, mais je reçois un simple marqueur rouge avec un point affiché:

Y at-il un moyen de faire plaisir afficher l'avatar de l'utilisateur au lieu du marqueur simple?

Je URL pour les photos des utilisateurs dans ma base de données (ainsi que les noms, villes, etc.)

Ils sont pour la plupart de grandes images (plus grande que 200x300).

Answer 1

L'API Google Maps pris en charge par des icônes personnalisées, et il est expliqué dans la documentation ici .

Un exemple peut être trouvé