<div class="map" id="map_canvas">
<div class="container">
<div class="row">
<div class="col-xs-9 col-sm-6 adres">
<div class="bottom_line"></div>
<ul class="list-unstyled">
<li>
<img src="images/gmail.png" height="40" class="img-responsive ">
<a class=" location col-xs-offset-1">lorem@gmail.com</a>
</li><br><br><br>
<li>
<img src="images/m_marker.png" height="40" class="img-responsive ">
<a class=" location col-xs-offset-1">122 Peacock AlyAmericus, <br max-width: 155px>GA 317 09-5357</a>
</li><br><br>
<li>
<img src="images/phone.png" height="40" class="img-responsive ">
<a class=" location col-xs-offset-1">+465 432 571 654</a>
</li>
</ul>
</div>
</div>
</div>
</div>
div.adres{
background-color: #4576DF;
height: 500px;
max-width: 350px;
opacity: 0.9;
padding: 70px 0px 0px 30px;
margin-left: 15px;
}
JavaScript
$(document).ready(function(){
function initialize() {
var mapOptions = {
scrollwheel: false,
zoom: 8,
center: new google.maps.LatLng(32.054071,-84.189099),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
var image = new google.maps.MarkerImage('/images/map-marker1.png', new google.maps.Size(24, 35), new google.maps.Point(0, 0),
new google.maps.Point(12, 35)); //изображение маркера
var marker = new google.maps.Marker({
position: new google.maps.LatLng(32.054071,-84.189099),
map: map,
icon: image,
title: 'ClickCredit'
});
}
initialize();
});
position: absolute
, например, и располагаете его поверх вашей карты или чего угодно ещё. – lexxl 18 фев '16 в 13:15