Создаем зоны доставки в Яндекс.Картах

Яндекс.Карты предоставляют широкий спектр возможностей для создания интерактивных карт. Одним из функционалов является возможность создание зон доставки и проверка на попадание в зону доставки, которые помогут рассчитать стоимость доставки. В коцне страницы вы найдете пример карта и сможете скачать пример.

Получение данных о зонах доставки

Первым шагом для создания зон доставки в Яндекс.Картах является получение данных о географических областях, которые вы хотите представить на карте. Эти данные можно предоставить в формате GeoJSON, который является стандартным форматом для обмена географической информацией.

// Пример GeoJSON данных о зонах доставки
var deliveryZonesData = {
    "type": "FeatureCollection",
    "features": [
        {
            "type": "Feature",
            "geometry": {
                "type": "Polygon",
                "coordinates": [...]
            },
            "properties": {...}
        },
        // Дополнительные зоны доставки...
    ]
};

Добавление данных на карту

После получения данных о зонах доставки необходимо добавить их на карту в Яндекс.Картах. Для этого можно воспользоваться API Яндекс.Карт и методами работы с геообъектами

// Добавление зон доставки на карту
var deliveryZones = ymaps.geoQuery(deliveryZonesData).addToMap(myMap);

Настройка стилей и информации

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

// Настройка стилей и информации для зон доставки
deliveryZones.each(function (obj) {
    obj.options.set({
        fillColor: obj.properties.get('fill'),
        fillOpacity: obj.properties.get('fill-opacity'),
        strokeColor: obj.properties.get('stroke'),
        strokeWidth: obj.properties.get('stroke-width'),
        strokeOpacity: obj.properties.get('stroke-opacity')
    });
    obj.properties.set('balloonContent', obj.properties.get('description'));
});

Пример кода

Пример работы зоны доставки и проверки попадания в зону доставки с рассчетом стоимости yandex api:

// Скачайте код по ссылке в конце статьи

Итоги

Создание зон доставки в Яндекс.Картах является простой способ для проверки геолокации yandex, попадание в зону доставки, и адреса доставки. Используйте код из примера для отображения зоны доставки в яндекс картах и получения стоимость доставки в yandex api.

Скачать 100% рабочий код для определения стоимости зоны доставки: Скачать