Google Maps InfoBubble pixelOffset (перемещение от позиции по умолчанию над маркером)

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

Используя обычное информационное окно, вы можете использовать pixelOffset. Смотрите здесь длядокументаци

Использование infoBubble, похоже, не так. Есть ли возможность использовать pixelOffset в infoBubble или что-то подобное?

Я обнаружил, что это очень трудно найти, так как использование поиска Google, такого как этот, не дает релевантных результатовПоиск Гуг

Ниже приведены все мои ресурсы, которые я использовал.

Пример infoBubbleВо.

Мой JavaScript для настройки карты и infoBubbleВо.

А теперь мой javascript здесь только в случае, если ссылка jsfiddle не работает.

<script type="text/javascript">

    $(document).ready(function () {
        init();
    });

    function init() {

        //Setup the map
        var googleMapOptions = {
            center: new google.maps.LatLng(53.5167, -1.1333),
            zoom: 13,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        //Start the map
        var map = new google.maps.Map(document.getElementById("map_canvas"),
        googleMapOptions);

        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(53.5267, -1.1333),
            title: "Just a test"
        });

        marker.setMap(map);

        infoBubble = new InfoBubble({
            map: map,
            content: '<div class="phoneytext">Some label</div>',
            //position: new google.maps.LatLng(-35, 151),
            shadowStyle: 1,
            padding: '10px',
            //backgroundColor: 'rgb(57,57,57)',
            borderRadius: 5,
            minWidth: 200,
            arrowSize: 10,
            borderWidth: 1,
            borderColor: '#2c2c2c',
            disableAutoPan: true,
            hideCloseButton: false,
            arrowPosition: 7,
            backgroundClassName: 'phoney',
            pixelOffset: new google.maps.Size(130, 120),
            arrowStyle: 2
        });
        infoBubble.open(map, marker);

    }
</script>

Обновит

Чтобы помочь с ответом на этот вопрос, я собрал тестовый примерВо. Важными строками являются строки 38 и 39, которые должны указывать, где разместить метку.

Обновление 2

Для получения награды мне нужно увидеть пример информационного пузыря, расположенного далеко от позиции по умолчанию над маркером. Желательно с правой стороны маркера.

Обновление 3

Я удалил тестовый пример из обновления 1, поскольку он размещен на серверах моей старой компании.

Ответы на вопрос(6)

Ваш ответ на вопрос