2gis-maps
Version:
Interactive 2GIS maps API, based on Leaflet
117 lines (105 loc) • 3.95 kB
Markdown
## Работа с GeoJSON
{toc}
### Описание
Ниже приведен пример работы с GeoJSON. Для получения подробной информации перейдите в раздел документации
<a href="/doc/maps/ru/manual/other-layers#dggeojson">GeoJSON</a>.
### Пример использования
Отображение объектов, описанных в формате GeoJSON:
<script src="https://maps.api.2gis.ru/2.0/loader.js"></script>
<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>
<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>