Openlayers: добавление списка точек в слой

У меня проблема с добавлением списка точек в векторный источник, слой и, наконец, на карту в Openlayers. Вначале я создаю пустой массив, после этого я перебираю заданный набор данных и создаю новую точку со значком и текстовым полем для каждой функции и сохраняю маркер в списке. В конце концов я хочу создать новый ol.source.Vector() с массивом, что приводит к ошибке «c.Xa не является функцией». Если я просто возьму один маркер из списка и добавлю его к источнику вектора и карте, все будет работать нормально с правильным положением на карте, правильным значком и правильным текстом.

var markers=[];

for(var i=1; i<ResearchStations.length; i++){
  var mark=new ol.Feature({
  				geometry: new ol.geom.Point(
				    ol.proj.fromLonLat([lon, lat], proj3031)
  				),
	});
  var icon = new ol.style.Style({
      				image: new ol.style.Icon({
              ...
     		 		  }),
			        text: new ol.style.Text({
              ...
        			})
   })
  mark.setStyle(icon);
  markers[i]=mark;
}

console.info(1) 
var vectorSource = new ol.source.Vector({
  		features: [markers],
});
console.info(2)
var StationLayer = new ol.layer.Vector({
  		source: vectorSource,
	});
console.info(3)
map.addLayer(StationLayer);

Ошибка возникает после console.info(1)

Вероятно, это потому, что у вас есть пустая запись в markers[0]. Вы намеренно опускаете ResearchStations[0]? Если это так, чтобы заполнить массив маркеров с самого начала, замените markers[i]=mark; на markers.push(mark);

Mike 08.03.2019 12:19

О да, действительно, мне приходится одновременно обрабатывать проект Matlab :( Спасибо!

SurveyingSurveyor 08.03.2019 13:17

@Mike Можете ли вы опубликовать свои комментарии в качестве ответов? Потому что я видел несколько сообщений, в которых ваши комментарии отвечают на вопрос, но не публикуются как ответ и принимаются.

pavankguduru 14.03.2019 08:34
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
3
1 591
0

Другие вопросы по теме