Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Как добавить маркеры #24

Closed
staticdreams opened this issue Mar 24, 2018 · 4 comments
Closed

Как добавить маркеры #24

staticdreams opened this issue Mar 24, 2018 · 4 comments
Assignees
Labels

Comments

@staticdreams
Copy link

Привет. Отличный компонент!
Поскольку документация пока не очень доступна по этому поводу, я попробовал сам добавить маркер. Но ничего не вышло, если просто указать координаты как в случае с mgl-popup.
Не мог бы подсказать как это сделать ?

Спасибо за твою работу

@soal
Copy link
Owner

soal commented Mar 24, 2018

В маркере была ошибка, она исправлена в новой версии 0.0.17.

Как добавить маркер:
Маркер принимает props сoordinates и offset.
сoordinates это координаты маркера
offset это отступ элемента маркера от этих координат в пикселях, это свойство передаётся в объект Marker MapboxGL JS (options.offset описаноое здесь)
Простейший маркер:

    <mgl-marker :coordinates="[50, 50]" />

Используя слот marker можно передать html-элемент в качестве маркера:

<mgl-marker :coordinates="[50, 50]">
  <span slot="marker">I am marker!</span>
</mgl-marker>

Если внутрь маркера добавить попап, то он автоматически привяжется к маркеру (то же, что вызов setPopup):

<mgl-marker :coordinates="[50, 50]">
  <span slot="marker">I am marker!</span>
  <popup>
      <h3>I am popup!</h3>
   </popup>
</mgl-marker>

Документация в процессе, закончу в течение нескольких дней.

@staticdreams
Copy link
Author

Спасибо большое! А иконку у маркера можно будет персонализировать?

Sent with GitHawk

@soal
Copy link
Owner

soal commented Mar 24, 2018

Используя слот marker можно передать html-элемент в качестве маркера:

<mgl-marker :coordinates="[50, 50]">
  <span slot="marker">I am marker!</span>
</mgl-marker>

Ну а html-элемент может быть какой угодно.

@soal soal self-assigned this Mar 24, 2018
@soal soal added the question label Mar 24, 2018
@staticdreams
Copy link
Author

Спасибо!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants