Автозаполнение Atom-Ternjs и добавление текста к маркерам на карте (OpenLayers, Atom, HTML, CSS, JavaScript,…)
Я новичок и пытаюсь / изо всех сил пытаюсь разработать небольшое приложение Openlayers в Atom. Моя файловая структура сейчас выглядит так:
До сих пор текущий код показывает карту, которая выглядит примерно так (если вы увеличите масштаб):
Синие точки генерируются в javascript-файле Markierungen.js, который имеет некоторый код, который выглядит следующим образом:
var layer = new ol.layer.Vector({
//Pkt: Point(s) created with the feature attribute of ol.source.Vector Object
//The feature attribute consists of ol.Feature Object with geometry attribute
//The geometry attribute is a ol.geom.Point Object
source: Pkt,
//Pktx: function which returns ol.style.Style Object
style: Pktx(10, "blue", 5, false)
});
map.addLayer(layer);
Этот код добавляет синие точки или
Вопросов:
Нажав на одну из синих точек, я хотел бы показать текстовую информацию, как это сделать? Я пробовал код, описанный здесь на шагах 7, 8 и 9 , но этот код не будет различать местоположения маркеров / точек. Учитывая расположение точки на карте с помощью этого кода, потребуется получить
и сравните с координатами ближайшей к ней точки. Предполагая, что есть много точек, расположенных рядом друг с другом, было бы утомительно вычислять расстояния до всех точек и местоположение щелчка, сделанного на странице / карте. Есть ли лучший способ показать конкретную текстовую информацию при нажатии (или даже лучше: при наведении указателя мыши) на определенную синюю точку? Должен ли я использовать операторы JavaScript, чтобы Atom-Ternjs выполнял автозаполнение для объектов OpenLayers? Я пробовал использовать такие утверждения:
в начале первого -файл, связанный с в файле index.html или в файле PunktKoordinaten.js, где v6.5.0-dist - это папка, содержащая библиотеки программы OpenLayers или пакет OpenLayers, найденные здесь , но это не активировало функцию автозаполнения, предоставляемую пакетом atom -ternjs. Если мне нужно использовать инструкции, правильно ли я их использую? Если мне не нужно использовать операторов, что нужно сделать, чтобы atom-ternjs обеспечивал автозаполнение для объектов JavaScript OpenLayers?
Спасибо за то, что прочитали, поняли и ответили!