День добрый!
Например, вот 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 }); }) }
Комментариев нет:
Отправить комментарий