Как поставить метку google maps чтобы точка метки располагалась слева(есть скриншот)?

309
11 октября 2017, 07:32

Нужно вот так расположить метку, но по классике точка находится в нижней части метки.Как изменить ее так, чтобы она была слева?

Answer 1

Задайте принудительно 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>

READ ALSO
Парсинг с JSOUP. Игнорирование тэга

Парсинг с JSOUP. Игнорирование тэга

Я спарсил новостную страничку, используя библиотеку JSOUP и получил новость:

260
Простой сайт html css

Простой сайт html css

Нужна помощь, если есть у кого сайт минималистичный html css с многими тегами html5 без каких либо наворотов, дизайна, просто что б там элементы...

223
Изменение ширины элемента на js в %

Изменение ширины элемента на js в %

Столкнулся с такой проблемой, пока добавляю ширину в px все порядке, а в процентах выходит какая то ерунда

279
Настройка плагина календаря FullCalendar

Настройка плагина календаря FullCalendar

Использую плагин календаря https://fullcalendario/

417