Размещение значка Google Map

Question

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

[

Я знаю координаты (в данном случае для Александрии) верны как проверено здесь .

Я называю конструктор Маркер следующим образом:

var marker = new google.maps.Marker({
    position: {lat: Number(markerData.geodata.lat), lng: Number(markerData.geodata.lng)},
    title: '',
    icon: { 
        url: _config.static.marker.default.normal.icon,
        size: new google.maps.Size(3, 3, 'rem', 'rem'),
        scaledSize: new google.maps.Size(3, 3, 'rem', 'rem'),
        anchor: new google.maps.Point(0,0) <-- I think this is where I'm going wrong
    },
    type: t,
    continent: markerData.continent,
    country: markerData.country,
    id: id,
    labelTitle: markerData.name,
    label: markerData.name.constructor,
    labelClass: 'map-marker-label map-marker-label-village',
    zIndex: 1
});

Answer 1

Да, вы действительно находите, где совершили ошибку, якорь - это координаты точки на вашем изображении, где координаты широты / долготы.

Так что, если вы хотите, чтобы нижняя часть булавки была на координаты широты / долготы, вы должны поставить привязку к координатам изображения X / Y пикселя внизу булавки.

В вашем случае это будет:

anchor: new google.maps.Point(27, 54)

, потому что вы хочу его посередине внизу