Нужно вот так расположить метку, но по классике точка находится в нижней части метки.Как изменить ее так, чтобы она была слева?
Задайте принудительно anchor
:
anchor: new google.maps.Point(-30, 32) //вот здесь в пикселях вы можете задавать отклонение маркера сейчас на 30px отклонен вправо и на 32px вверх
Например:
function initMap() {
var myLatLng = {
lat: 55.751189,
lng: 37.629043
};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: myLatLng
});
setMarkers(map);
}
var points = [
['Point1', 55.751189, 37.629043, 1]
];
function setMarkers(map) {
var image = {
url: 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png',
size: new google.maps.Size(20, 32),
origin: new google.maps.Point(0, 0),
anchor: new google.maps.Point(-30, 32) //вот здесь в пикселях вы можете задавать отклонение маркера сейчас на 30px отклонен вправо и на 32px вверх
};
var shape = {
coords: [1, 1, 1, 20, 18, 20, 18, 1],
type: 'poly'
};
for (var i = 0; i < points.length; i++) {
var point = points[i];
var marker = new google.maps.Marker({
position: {
lat: point[1],
lng: point[2]
},
map: map,
icon: image,
shape: shape,
title: point[0],
zIndex: point[3]
});
}
}
#map {
height: 300px
}
<div id=map></div>
<script async defer src="https://maps.googleapis.com/maps/api/js?&callback=initMap">
</script>
Виртуальный выделенный сервер (VDS) становится отличным выбором
Я спарсил новостную страничку, используя библиотеку JSOUP и получил новость:
Нужна помощь, если есть у кого сайт минималистичный html css с многими тегами html5 без каких либо наворотов, дизайна, просто что б там элементы...
Столкнулся с такой проблемой, пока добавляю ширину в px все порядке, а в процентах выходит какая то ерунда