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, поскольку он размещен на серверах моей старой компании.