Работа с GeoJSON

Описание

Ниже приведен пример работы с GeoJSON. Для получения подробной информации перейдите в раздел документации GeoJSON.

Пример использования

Отображение объектов, описанных в формате GeoJSON:

<!DOCTYPE html>
<html>
    <head>
        <title>GeoJSON</title>
        <script src="https://maps.api.2gis.ru/2.0/loader.js"></script>
    </head>
    <body>
        <div id="map" style="width: 100%; height: 400px"></div>
        <script>
            DG.then(function () {
                var map = DG.map('map', {
                    center: [55.042136, 82.91699],
                    zoom: 16,
                });

                var data = [
                    {
                        type: 'Feature',
                        properties: {
                            info: 'Я маркер',
                        },
                        geometry: {
                            type: 'Point',
                            coordinates: [82.91799, 55.043136],
                        },
                    },
                    {
                        type: 'Feature',
                        properties: {
                            info: 'Я полигон',
                        },
                        geometry: {
                            type: 'Polygon',
                            coordinates: [
                                [
                                    [82.91699, 55.042136],
                                    [82.917522, 55.040187],
                                    [82.918063, 55.040235],
                                    [82.91754, 55.042184],
                                    [82.91699, 55.042136],
                                ],
                            ],
                        },
                    },
                ];

                DG.geoJson(data, {
                    onEachFeature: function (feature, layer) {
                        layer.bindPopup(feature.properties.info);
                    },
                }).addTo(map);
            });
        </script>
    </body>
</html>