Реализовать пользовательское наложение на одной точке Google Maps

Question

Я хочу реализовать div на одной точке (lat,lng) с фиксированной шириной и высотой на картах Google. Есть примеры реализации наложения в пределах границ, а не в одной точке. Кто-нибудь реализовал это?

Answer 1

Вы можете создать наложение на одну точку, добавив в нее собственный маркер. По сути, при создании маркера вы можете определить значок, который заменит значок маркера API Google по умолчанию:

    var img = 'http://placehold.it/96/ffffff'
    var marker = new google.maps.Marker({
        position: latLng,
        map: map,
        icon: img // replace google marker with icon
    });

Ссылка на JSFiddle.

Если вы хотите, чтобы фактический HTML-элемент наложился на Карты Google, вы можете преобразовать его в холст, как показано в этом руководстве.