Google maps Javascript: добавление фото пользователя в маркер - PullRequest
Новая
       4

Google maps Javascript: добавление фото пользователя в маркер

3 голосов
/ 28 апреля 2011

У меня есть страницы профиля для пользователей моей маленькой карточной игры, например эта - где я показываю их положение, просматривая их город.Мой текущий код jQuery здесь: 

<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>

, и он работает хорошо, но я получаю только простой красный маркер с отображенной точкой:

map with a marker

Isесть ли способ отобразить аватар пользователя вместо простого маркера?

У меня есть URL-адреса для пользовательских изображений в моей базе данных (вместе с именами, городами и т. д.)

Они в основном большиеизображения (больше, чем 200x300).

1 Ответ

1 голос
/ 28 апреля 2011

API карт Google поддерживает пользовательские значки, и это объясняется в их документации здесь .

Пример можно найти здесь

...