День добрый! Например, вот json файл data.json
{
"Points":[{
"MapPoinName": "Город 1",
"MapPointPopulation": 125000,
"MapPointCoordinates": "58.211748, 59.979321"
}, {
"MapPoinName": "Город 2",
"MapPointPopulation": 105000,
"MapPointCoordinates": "51.221748, 53.929321"
}]
}
Вывожу так:
<!DOCTYPE html>
<html>
<head>
<title>Карта возможностей и проблем</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-3.2.1.js"></script>
<style>
html, body, #map {
width: 100%; height: 100%; padding: 0; margin: 0; border: 2px red;
}
</style>
</head>
<body>
<script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<script type="text/javascript">
ymaps.ready(init);
function init () {
var map = new ymaps.Map("map", {
center: [55.76, 37.57],
zoom: 5,
controls: ['zoomControl','searchControl']
});
// создадим массив геообъектов
myGeoObjects = [];
$.getJSON('data.json', function(data) {
//console.log(data);
for (var i = 0; i < data.Points.length; i++) {
myGeoObjects[0] = new ymaps.GeoObject({
geometry: {type: "Point", coordinates: [57.211748, 52.979321]},
properties: {
clusterCaption: 'Описание в кластере',
balloonContentBody: [
'<address style="font-style: normal">',
'<h3>Данные</h3>',
'<b>Данные: </b>МО "Название МО"<br>',
'<b>Данные: </b>ФИО Главы МО<br>',
'</address>' ].join('')
}
},
{// Задаем пресет метки с точкой без содержимого.
preset: "islands#darkGreenDotIcon",
});
}
});
// создадим кластеризатор и запретим приближать карту при клике на кластеры
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});
}
</script>
<div id="map"></div>
</body>
</html>
Данные из json получаю, но код внутри for (var i = 0; i < data.Points.length; i++) не выполняется
console.log(data.Points[0].MapPoinName);