Вызовите различные информационные поля для каждого маркера на карте после нажатия на него. - PullRequest
Новая
       39

Вызовите различные информационные поля для каждого маркера на карте после нажатия на него.

0 голосов
/ 25 марта 2019

Я пытаюсь сделать интерактивную карту с маркерами, которая вызвала бы окно с информацией о месте. Я использую MapBox API и мне удалось добавить маркер с помощью GEOJSON 

var geojson = {
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "marker-color": "#7e7e7e",
        "marker-size": "medium",
        "marker-symbol": "",
        "name": "zamek"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          17.968410551548004,
          49.47832705255177
        ]
      }
    }
  ]
}

Теперь мне нужно назначить событие для этого маркера, которое принесло бы текстовое поле, специфичное для места маркера. У меня нет опыта работы с Js, я в основном учусь в этом процессе.

Так, что было бы лучшим способом сделать это? Моим информационным блоком будет div, который будет «скользить» с левой стороны экрана (это div с высотой 100% и шириной 300px, размещенный слева: -300px) с соответствующей информацией. Моя единственная идея состояла в том, чтобы использовать какую-то базу данных (это может быть совершенно бессмысленно, поскольку я просто нуб) со всеми заголовками, текстами и т. Д. и измените содержимое информационного окна в зависимости от того, на каком маркере была нажата кнопка.

Пример. Если щелкнуть замок, веб-сайт извлекает из базы данных необходимый текст для «замка», помещает его в информационное окно и отображает его.

Я был бы очень признателен за любую помощь в этом, как я уже сказал, я только начал изучать магию интерактивного создания веб-сайтов и js, поэтому, пожалуйста, исправьте все несуразицы, которые я сказал в этом (также я знаю, что мой английский не в любом случае хорошо, поэтому, пожалуйста, не вините меня).

...