8

Есть задача показать административные районы города на яндекс картах. При этом каждый район должен иметь свой цвет и прозрачность. Например, здесь отображается один район города: на Яндекс Карте

Нужно показать все( или несколько) районы(ов) города и иметь возможность задать им цвет и прозрачность через API. Подскажите, как это можно сделать?

UPD1. Есть идея сделать районы в виде полигонов. Тогда можно будет править их как угодно. Но нужны координаты границ районов. Карта яндекса откуда же берет эти данные. Вот как их получить?

UPD2. Получен официальный ответ от тех поддержки Яндекс Карт. "Средствами АПИ Яндекс карт сделать это нельзя". Так что испольуем OSM.

1
  • День добрый tutankhamun. Можно для чайничка выложить готовый код для любого муниципального района любого субъекта. А то не совсем понимаю что не так. Ваш скрипт вставляю и не работает. А без работающего примера не разберусь. 25 июн 2019 в 10:48

1 ответ 1

15

Общий план действий такой:

ymaps.ready(function() {
// 0. Создаем карту, например так:
    var map,
        regionName = "Краснодар, Западный округ",
        center = [38.943216, 45.033266],
        zoom = 11;

    map = new ymaps.Map('yamap', {
        center: center,
        zoom: zoom,
        controls: []
    });
// 1. Запрашиваем через геокодер район (у Яндекса этой возможности пока нет, придется пользоваться OSM)
    var url = "http://nominatim.openstreetmap.org/search";
    $.getJSON(url, {q: regionName, format: "json", polygon_geojson: 1})
        .then(function (data) {
            $.each(data, function(ix, place) {
                if ("relation" == place.osm_type) {
// 2. Создаем полигон с нужными координатами
                    var p = new ymaps.Polygon(place.geojson.coordinates);
// 3. Добавляем полигон на карту
                    map.geoObjects.add(p);
                }
            });
        }, function (err) {
            console.log(err);
        });
});

Этап 1, в качестве примера, приведен с использованием jQuery.

Этап 2 скрывает небольшую проблему. OSM возвращает координаты в порядке (долгота, широта), Яндекс работает по-умолчанию с порядком (широта, долгота). Чтобы это поменять нужно указать порядок при подключении API

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&coordorder=longlat" type="text/javascript"></script>

Также на этапе 2 можно добавить "по вкусу" цвет фона, обводку, прозрачность и многое другое см. Polygon

2
  • Где ты был раньше Человек! Столько ручной работы было проделано чтобы получить эти координаты. Загрузка данных с сайта beryllium.gis-lab.info/project/osmshp shape файлов. Открытие их в ГИС программе. Поиск пути конвертации данных в GeoJSON. Наконец, конвертация. Выдрать из этого огромного файла мне нужные районы. Вручную выдергивать и добавлять по району. А оказывается нужно отправить один запрос на АПИ! tutankhamun ты меня очень сильно помог. Так как мне нужно позже добавлять районы в других городах.
    – Alma Z
    5 ноя 2015 в 10:54
  • 1
    @AlmaZ Я просто сразу не подумал что можно брать регионы из OSM (а у Яндекса их нету). Бывает вот так :) Как говорят, чтобы дать ответ нужно знать половину ответа. Вы мне эту половину дали в другом вопросе 5 ноя 2015 в 11:02

Ваш ответ

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

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