Добавление пользовательского логотипа в верхней части Google Maps - V3 API

Question

Я пытаюсь добавить изображение PNG логотипа, который не перемещается и не панорамируется с картой в верхнем центре карты. Каков наилучший способ сделать это?

Я использую V3 API Карт Google. Я не слишком хорошо разбираюсь в JavaScript, но мне удалось добавить легенду в левом нижнем углу, которая остается на месте с помощью позиции управления. Можно ли использовать статическое изображение в верхнем центре?

Спасибо за помощь!

Answer 1

Вам не нужен JS, только некоторые CSS. Вот пример:

<div class="map-container"> 
    <div id="map" class="map"></div> 
    <img src="http://lorempixel.com/100/40/"> 
</div> 

.map-container { 
    position: relative; 
} 

img { 
    position: absolute; 
    top: 0; 
    left: 50%; 
    margin-left: -50px; 
} 

Полный пример здесь: http://jsfiddle.net/cyh342a4/