Автозаполнение 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);

Этот код добавляет синие точки или Объекты на карте.

Вопросов:

  1. Нажав на одну из синих точек, я хотел бы показать текстовую информацию, как это сделать? Я пробовал код, описанный здесь на шагах 7, 8 и 9 , но этот код не будет различать местоположения маркеров / точек. Учитывая расположение точки на карте с помощью этого кода, потребуется получить и сравните с координатами ближайшей к ней точки. Предполагая, что есть много точек, расположенных рядом друг с другом, было бы утомительно вычислять расстояния до всех точек и местоположение щелчка, сделанного на странице / карте. Есть ли лучший способ показать конкретную текстовую информацию при нажатии (или даже лучше: при наведении указателя мыши) на определенную синюю точку?

  2. Должен ли я использовать операторы JavaScript, чтобы Atom-Ternjs выполнял автозаполнение для объектов OpenLayers? Я пробовал использовать такие утверждения: в начале первого -файл, связанный с в файле index.html или в файле PunktKoordinaten.js, где v6.5.0-dist - это папка, содержащая библиотеки программы OpenLayers или пакет OpenLayers, найденные здесь , но это не активировало функцию автозаполнения, предоставляемую пакетом atom -ternjs. Если мне нужно использовать инструкции, правильно ли я их использую? Если мне не нужно использовать операторов, что нужно сделать, чтобы atom-ternjs обеспечивал автозаполнение для объектов JavaScript OpenLayers?

Спасибо за то, что прочитали, поняли и ответили!

0 ответов

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