Страницы

Поиск по вопросам

пятница, 5 апреля 2019 г.

Как вывести точки на яндекс карте на основании json файла?

День добрый! Например, вот json файл data.json
{ "Points":[{ "MapPoinName": "Город 1", "MapPointPopulation": 125000, "MapPointCoordinates": "58.211748, 59.979321" }, { "MapPoinName": "Город 2", "MapPointPopulation": 105000, "MapPointCoordinates": "51.221748, 53.929321" }]
}
Вывожу так:
Карта возможностей и проблем


Данные из json получаю, но код внутри for (var i = 0; i < data.Points.length; i++) не выполняется


Ответ

Вот пример JavaScript кода для вывода точек с кластеризацией:
ymaps.ready(init); function init() { var map = new ymaps.Map("map", { center: [55.76, 37.57], zoom: 5, controls: ['zoomControl', 'searchControl'] }); $.getJSON('data.json', function(data) { // Создадим объект точек из data.Points var myGeoObjects = data.Points.map(item => { return new ymaps.GeoObject({ geometry: { type: "Point", // Переведем строку с координатами в массив coordinates: item.MapPointCoordinates.split(', ') }, properties: { clusterCaption: 'Описание в кластере', balloonContentBody: [ '

', '

Данные

', 'Данные: МО "Название МО"
', 'Данные: ФИО Главы МО
', '
' ].join('') } }, { preset: "islands#darkGreenDotIcon", }); }) // Создадим кластеризатор после получения и добавления точек var clusterer = new ymaps.Clusterer({ preset: 'islands#invertedDarkGreenClusterIcons', clusterDisableClickZoom: true, clusterBalloonContentLayoutWidth: 800, clusterBalloonLeftColumnWidth: 160 }); clusterer.add(myGeoObjects); map.geoObjects.add(clusterer); map.setBounds(clusterer.getBounds(), { checkZoomRange: true }); }) }

Комментариев нет:

Отправить комментарий