Работа с 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.917540, 55.042184],
                                    [82.91699, 55.042136]
                                ]
                            ]
                        }
                    }
                ];

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