主页 / 问题 / 584828
Accepted
rololo
Asked:2020-10-31 12:10:57 +0000 UTC2020-10-31 12:10:57 +0000 UTC

将 OSM 多边形拆分为 Yandex 的单独多边形。卡丁车

  • 772

在 Yandex. Kart 询问是否可以使用 Yandex API 绘制从 nominatim.openstreetmap.org 中提取的 GeoJSON 多面体。卡丁车。他们说你需要将多边形分解成单独的多边形，然后绘制。

我究竟做错了什么？这是我试图完成的@tutankhamun 的代码：

ymaps.ready(function() {
    // 0. Создаем карту, например так:
    var map,
        regionName = "Московская область, Одинцовский район",
        center = [37.6174976, 55.6506828],
        zoom = 7;

    map = new ymaps.Map('karta', {
        center: center,
        zoom: zoom,
        controls: []
    });
    // 1. Запрашиваем через геокодер район (у Яндекса этой возможности пока нет, придется пользоваться OSM)
    var url = "https://nominatim.openstreetmap.org/search";
    var jsondata = $.getJSON(url, {
            q: regionName,
            format: "json",
            polygon_geojson: 1
        })
        .then(function(data) {
            $.each(data, function(ix, place) {
                // 2. Разбиваем мультиполигон на полигоны.
                if ("MultiPolygon" == place.geojson.type) {
                    place.geojson.coordinates.forEach(function(coords) {
                        var feat = {
                            'type': 'Polygon',
                            'coordinates': coords
                        };
                        var p = new ymaps.Polygon(feat.coordinates, {
                            hintContent: "Одинцовский район"
                        }, {
                            fillColor: '#6699ff',
                            // Делаем полигон прозрачным для событий карты.
                            interactivityModel: 'default#transparent',
                            strokeWidth: 2,
                            opacity: 0.3
                        });
                        console.log(JSON.stringify(feat));
                    });
                } else if ("relation" == place.osm_type) {
                    // 3. Создаем полигон с нужными координатами
                    var p = new ymaps.Polygon(place.geojson.coordinates, {
                        hintContent: "Одинцовский район"
                    }, {
                        fillColor: '#6699ff',
                        // Делаем полигон прозрачным для событий карты.
                        interactivityModel: 'default#transparent',
                        strokeWidth: 2,
                        opacity: 0.3
                    });
                    // 4. Добавляем полигон(ы) на карту
                    map.geoObjects.add(p);
                    map.setBounds(map.geoObjects.getBounds())
                }
            });
        }, function(err) {
            console.log(err);
        });
});
yandex-maps-api

1 个回答

  1. Best Answer

    发现我的错误。在第二段中，我忘记开始向地图添加多边形。以下是使用 OpenStreetMap 在 Yandex.Maps 上绘制区域和地区（多边形和多边形）的完整工作代码：

    <div id="karta" class="karta-def"></div>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&coordorder=longlat" type="text/javascript"></script>
<script>
ymaps.ready(function() {
    // 0. Создаем карту
    var map,
        regionName = "Московская область, Одинцовский район",
        center = [37.6174976, 55.6506828],
        zoom = 7;

    map = new ymaps.Map('karta', {
        center: center,
        zoom: zoom,
        controls: []
    });
    // 1. Запрашиваем через геокодер район (у Яндекса этой возможности пока нет, придется пользоваться OSM)
    var url = "https://nominatim.openstreetmap.org/search";
    var jsondata = $.getJSON(url, {
            q: regionName,
            format: "json",
            polygon_geojson: 1
        })
        .then(function(data) {
            $.each(data, function(ix, place) {
                // 2. Если район состоит из нескольких полигонов - разбиваем мультиполигон на отдельные полигоны (API Яндекс.Карт не умеет рисовать мультиполигоны GeoJSON).
                if ("MultiPolygon" == place.geojson.type) {
                    place.geojson.coordinates.forEach(function(coords) {
                        var feat = {
                            'type': 'Polygon',
                            'coordinates': coords
                        };
                        var p = new ymaps.Polygon(feat.coordinates, {
                            hintContent: regionName
                        }, {
                            fillColor: '#6699ff',
                            interactivityModel: 'default#transparent',
                            strokeWidth: 2,
                            opacity: 0.3
                        });
                        // 2.1 Добавляем полигоны на карту
                        map.geoObjects.add(p);
                        map.setBounds(map.geoObjects.getBounds())
                    });
                // 3. В другом случае создаем полигон с нужными координатами
                } else if ("relation" == place.osm_type) {
                    var p = new ymaps.Polygon(place.geojson.coordinates, {
                        hintContent: regionName
                    }, {
                        fillColor: '#6699ff',
                        interactivityModel: 'default#transparent',
                        strokeWidth: 2,
                        opacity: 0.3
                    });
                    // 3.1 Добавляем полигон на карту
                    map.geoObjects.add(p);
                    map.setBounds(map.geoObjects.getBounds())
                }
            });
        }, function(err) {
            console.log(err);
        });
});
</script>
    • 0

相关问题