主页 / 问题 / 1600368
Accepted
Arcadiy
Asked:2024-11-20 18:20:41 +0000 UTC2024-11-20 18:20:41 +0000 UTC

当您单击 Yandex 地图气球中的链接时，没有过渡

  • 772

有一个代码 https://codepen.io/sochi-Russia/pen/yLmWVqW

var objectsCSV = '\n51.5406;46.0086;"от 4909р.";"в Саратов ";"RTW"\n51.83;107.606;"от 10600р.";"в Улан-Удэ ";"UUD"\n59.5339;30.1850;"от 3221р.";"в Санкт-Петербург ";"LED";\n55.7887;49.1221;"от 3934р.";"в Казань ";"KZN";\n43.5992;39.7257;"от 4286р.";"в Сочи";"AER";\n43.1056;131.874;"от 18100р.";"во Владивосток";"VVO"\n53.9;27.56;"от 6170р.";"в Минск ";"MSQ";\n55.04;82.9346;"от 8159р.";"в Новосибирск ";"OVB";\n54.99;73.36;"от 7009р.";"в Омск ";"OMS";\n55.154;61.4291;"от 4909р.";"в Челябинск ";"CEK";\n54.7065;20.511;"от 4009р.";"в Калининград ";"KGD";\n48.7194;44.5018;"от 3609р.";"в Волгоград ";"VOG";';
var objects = objectsCSV.split('\n');

ymaps.ready(init);

function init() {
    var myMap = new ymaps.Map("map", {
            center: [53.03,67.37],
            zoom: 4}
      );

    // Получаем текущую дату в формате YYYY-MM-DD
    var currentDate = new Date().toISOString().split('T')[0];

    for (var i = 0; i < objects.length; i++) {
        var object = objects[i].split(';');
        object[4] = object[4]?.replaceAll('"', '');

        var placemark = new ymaps.Placemark([object[0], object[1]], {
            balloonContent: object[3] + 
            '<br><a class="but" href="/flights/?origin_iata=MOW&destination_iata=' + object[4] + 
            '&depart_date=' + currentDate + '&with_request=true"" id="block">Поиск билета</a>',
            iconCaption: object[2]
        }, {
            preset: 'islands#violetDotIconWithCaption'
        });

        placemark.balloon.events.add('click', function(e) {
            e.get('target').balloon.close();
        });

        myMap.geoObjects.add(placemark);
    }
}

Yandex Maps 移动版中的“搜索票证”按钮无法点击；PC 版中点击后，窗口关闭，链接继续。告诉我如何解决这个问题？

javascript

1 个回答

  1. Best Answer

    在您的情况下，气球上的点击侦听器会产生干扰；当您点击时，它会在链接触发之前将其关闭。如果您不想制作单独的按钮来关闭气球，您可以通过单击地图本身来完成：

    myMap.events.add('click', function(e) {
  e.get('target').balloon.close();
});
    • 1

相关问题