TransWikia.com

Как сделать балун яндекс карты открытым по умолчанию?

Stack Overflow на русском Asked by Van Heda on July 28, 2020

Как балун яндекс карты сделать открытым по умолчанию?

Код карты:

"use strict";
var modalMap;
$(document).ready(function () {
  ymaps.ready(init);

  function init() {
    let isMobile = {
      Android: function () { return navigator.userAgent.match(/Android/i); },
      BlackBerry: function () { return navigator.userAgent.match(/BlackBerry/i); },
      iOS: function () { return navigator.userAgent.match(/iPhone|iPad|iPod/i); },
      Opera: function () { return navigator.userAgent.match(/Opera Mini/i); },
      Windows: function () { return navigator.userAgent.match(/IEMobile/i); },
      any: function () {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
      }
    };
    modalMap = new ymaps.Map('modal-maps', {
      center: [43.58475920614244, 39.730603131085914],
      controls: ['fullscreenControl'],
      zoom: 14
    });
    ymaps.option.presetStorage.add('mark#icon', {
      iconLayout: 'default#image',
      iconImageHref: 'static/images/general/mark.svg',
      iconImageSize: [20, 20],
      iconImageOffset: [-10, -10],
      
    });
    ymaps.option.presetStorage.add('mark-hover#icon', {
      iconLayout: 'default#image',
      iconImageHref: 'static/images/general/mark-hover.svg',
      iconImageSize: [20, 20],
      iconImageOffset: [-10, -10],
      hideIconOnBalloonOpen: false,
      balloonOffset: [-163, 20]
    });

    function getData() {
      var xhr = new XMLHttpRequest();
      xhr.open('GET', 'map.json', false);
      xhr.send();
      
      return xhr.response;
    }

    var objectManager = new ymaps.ObjectManager({
      clusterize: true
    });
    objectManager.add(getData());
    
    modalMap.geoObjects.add(objectManager);

    
    objectManager.options.set('preset', 'mark-hover#icon');
    objectManager.events.add(['mouseenter'], function (e) {
      objectManager.objects.setObjectOptions(e.get('objectId'), {
        preset: 'mark-hover#icon'
      });
    }).add(['mouseleave'], function (e) {
      if (!modalMap.balloon.isOpen()) {
        objectManager.objects.setObjectOptions(e.get('objectId'), {
          preset: 'mark#icon'
        });
      }
    });
    objectManager.events.add('click', function (e) {
      for (var i = 0; i < objectManager.objects.getLength(); i++) {
        objectManager.objects.setObjectOptions(i, {
          preset: 'mark#icon'
        });
      }

      objectManager.objects.setObjectOptions(e.get('objectId'), {
        preset: 'mark-hover#icon'
      });
    }); // закрыть баллун

    modalMap.events.add('click', function () {
      modalMap.balloon.close();
    });

    
    

    if (isMobile.any()) {
      modalMap.behaviors.disable('drag');
    }

    modalMap.behaviors.disable('scrollZoom');
     });
  }
});

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP