1

Как добавить фиксированный слой на всю карту, чтобы при перемещении по карте и "зуммировании" слой оставался закрепленным? Слой должен располагаться на карте под маркерами.

Делаю через кастомный слой google.maps.OverlayView(), но такой слой не изменяет положение при перемещении по карте, а остается на своем месте.

Подскажите пожалуйста решение проблемы - требуется всего лишь сделать затемнение карты с определенной прозрачностью.

Update.

Есть также решение с рисованием на карте прямоугольника, но при изменении масштаба на некоторое время прямоугольник пропадает, а затем отрисовывается заново.

https://jsfiddle.net/maximzasorin/kj8fo9a9/

var mapOverlay = new google.maps.Rectangle({
    fillColor: '#000000',
    fillOpacity: 0.3,
    strokeWeight: 0,
    map: map,
    bounds: new google.maps.LatLngBounds(
        new google.maps.LatLng(-90, -180),
        new google.maps.LatLng(90, 180)
    )
});
2
  • Так а может вам нужно использовать google.maps.StyledMapType ? Commented 20 авг. 2016 в 8:27
  • @AndriiKulyk Возможно, подскажите, как с помощью стилей добиться такого эффекта? Commented 20 авг. 2016 в 12:01

1 ответ 1

1

Как-то так, например:

https://jsfiddle.net/anatolysukhanov/o4f8u3d7/

var map = new google.maps.Map(document.getElementById('map'), {
  center: {
    lat: 55.75583,
    lng: 37.6177,
  },
  zoom: 8,
  styles: [
  {
    featureType: "all",
    "stylers": [
      { "saturation": -50},
      { "lightness": -20 },
    ]
  }
]});
1
  • Спасибо, подошло такое решение. Commented 24 авг. 2016 в 13:57

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.