Как подключить google maps в React приложение? 2022

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 พ.ย. 2024

ความคิดเห็น • 67

  • @dmitry_st
    @dmitry_st 3 หลายเดือนก่อน

    Спасибо за детальный разбор этой важной темы.

  • @MonkyKseniya
    @MonkyKseniya 2 ปีที่แล้ว +6

    Понравилось видео. Видно, что опытный разработчик с приличным стажем и красивым кодом. Спасибо, что делишься своими знаниями)

  • @ghost91827
    @ghost91827 2 ปีที่แล้ว +3

    Гарна подача, хороший приклад.
    P.S. на 55:26-55:33 певно контент який планували вирізати

    • @boringfrontend9037
      @boringfrontend9037  2 ปีที่แล้ว

      Так, планував вирізати :) Буває...

  • @podpalmoi
    @podpalmoi 11 หลายเดือนก่อน

    Благодарю автора за классное и подробное видео. Как у тебя сейчас дела, как с работой? Видно, что ты умный и толковый программист.

  • @zaobriy
    @zaobriy 2 ปีที่แล้ว +1

    Дякую за відео, було дуже корисно. Чекаємо перемогу і новий контент:)

    • @boringfrontend9037
      @boringfrontend9037  2 ปีที่แล้ว +4

      Новий контент буде, але зараз не начасі, є чим займатись... Але новий контент буде 100% украінською

  • @candy_shop_15
    @candy_shop_15 ปีที่แล้ว +1

    Дякую! Контент топ

  • @ДенисПопов-э8ж
    @ДенисПопов-э8ж 2 ปีที่แล้ว +4

    Топовый видос! Очень помог разобраться. Спасибо! Продолжай снимать дальше. Удачи тебе.

  • @kubrakivan1579
    @kubrakivan1579 11 หลายเดือนก่อน

    Відео дуже корисне! Дякую!
    Було б дуже добре подивитись відео на тему useCallback(), Directions API and Routes API. Як витягувати дані з маркера чи з інфо windows google і створювати довідник адрес.

  • @АртынскийРаботник
    @АртынскийРаботник ปีที่แล้ว

    сегодня впервые вижу ваши видео. я как понимаю перестали делать контент и очень жаль. на мой взгляд могли бы неплохо развиться в этом плане!!! спасибо за полезный туториал

    • @boringfrontend9037
      @boringfrontend9037  ปีที่แล้ว +1

      Ну після 24/02 якось немає бажання і трохи заклопотаний війною

  • @ДмитрийМельников-ъ3в
    @ДмитрийМельников-ъ3в 2 ปีที่แล้ว +1

    Супер! Спасибо большое!

  • @podpalmoi
    @podpalmoi 11 หลายเดือนก่อน

    Товарищ автор, я сделал дипломный проект и улучшаю его. Верно ли понимаю, что если вдруг случится атака ботов, то с меня могут списать круглую сумму? И сколько там вообще платить надо в случае превышения лимитов?

  • @ІльченкоАртем
    @ІльченкоАртем 2 ปีที่แล้ว +1

    Круто, автору большое спасибо!! google maps react

  • @evloev4821
    @evloev4821 2 ปีที่แล้ว +1

    Привет! а откуда взялся API_KEY ?

  • @taras8068
    @taras8068 ปีที่แล้ว

    Дякую за відео)

  • @ernesttrachuk6931
    @ernesttrachuk6931 2 ปีที่แล้ว +2

    просто топ, огромное спасибо, было бы круто если бы вы сделали обзор на все функции и возможности взаимодействия с картой, большое спасибо
    пс. на собесе дали задание по взаимодействию с картой, видос очень помог

    • @boringfrontend9037
      @boringfrontend9037  2 ปีที่แล้ว +1

      Хорошая идея, постараюсь подготовить

    • @ВсадникАпокалипсиса-я9е
      @ВсадникАпокалипсиса-я9е 2 ปีที่แล้ว +1

      @@boringfrontend9037 реально скучный фронтенд у тебя получается, разнообразь что ли интонацию хотя бы, подачу немного оживи

    • @АлександрГуща-е7ь
      @АлександрГуща-е7ь 2 ปีที่แล้ว

      @@ВсадникАпокалипсиса-я9е А вы учиться чему-то пришли или развлекаться?

    • @ВсадникАпокалипсиса-я9е
      @ВсадникАпокалипсиса-я9е 2 ปีที่แล้ว

      @@АлександрГуща-е7ь лучше всего учится и запоминается развлекаючись. Прочитай что такое геймификация, это совместимые вещи

  • @vitaliinnest
    @vitaliinnest 2 ปีที่แล้ว

    Приємне відео, дякую. Всього найкращого!

  • @madmat8825
    @madmat8825 2 ปีที่แล้ว

    Спасибо за видео!

  • @SuperMyrco
    @SuperMyrco 2 ปีที่แล้ว +1

    Спасибо за видео! Подскажи как можно соединять линией маркеры, что бы при добавлении нового маркера появлялась линия от предыдущего и мы получали что то типа маршрута? Есть ли стандартное решение?

    • @boringfrontend9037
      @boringfrontend9037  2 ปีที่แล้ว +1

      Это нужно подключить routes api developers.google.com/maps/documentation/javascript/directions, вот это по идее обертка для реакт react-google-maps-api-docs.netlify.app/#directionsrenderer

    • @SuperMyrco
      @SuperMyrco 2 ปีที่แล้ว

      @@boringfrontend9037 спасибо!

  • @codding1144
    @codding1144 11 หลายเดือนก่อน

    Дякую за відео!
    А де код цього проєкту?

  • @artemis1634
    @artemis1634 11 หลายเดือนก่อน

    Відосик база

  • @petroradchenko6666
    @petroradchenko6666 5 หลายเดือนก่อน

    Коллеги, кто собрал проект по этому уроку и он работает? Дайте, пожалуйста ссылку на гит

  • @ВадимШевчук-щ8ы
    @ВадимШевчук-щ8ы 2 ปีที่แล้ว +2

    сделайте пожалуйста видно по рефам

  • @ВиталийГромык
    @ВиталийГромык 2 ปีที่แล้ว

    Очень крутое видео, спасибо. А есть что-то по построению маршрутов на карте, как это правильно делать?

  • @askoldtsentseusti-1122
    @askoldtsentseusti-1122 2 ปีที่แล้ว +1

    для тех у кого Marker пропадает после обновления страницы(ре-рендера), используйте MarkerF, и если это не поможет добавьте к нему key =)

    • @alexeyartush6827
      @alexeyartush6827 2 ปีที่แล้ว

      спасибо тебе, добрый человек:)

    • @viktordikovich6058
      @viktordikovich6058 ปีที่แล้ว

      @@alexeyartush6827 кто ты воин! я 2 дня не мог понять что за ерунда!!!!

  • @boringfrontend9037
    @boringfrontend9037  2 ปีที่แล้ว +1

    Группа instagram в instagram.com/fun_front_end/
    Канал в ТГ t.me/boringfe
    Patreon: www.patreon.com/boringfrontend

  • @MrTruth-rc2fr
    @MrTruth-rc2fr 2 ปีที่แล้ว +1

    A нельзя без Гугл клауда? Нет карты банковской у меня -_-

  • @andersonalmeydat7715
    @andersonalmeydat7715 2 ปีที่แล้ว +1

    gracias amigo, me sirvió mucho!

  • @tahyc9492
    @tahyc9492 2 ปีที่แล้ว

    почему не работает оба установщика карты?( я уже всё перепробовал, постоянно выдает одну и ту же ошибку

  • @c4973
    @c4973 2 ปีที่แล้ว

    Илья, подскажите, пожал. почему может не переходить по адресу и не консолятся гео-координаты? нашёл проблему в data приходит пустой массив.

  • @mhersimonyan974
    @mhersimonyan974 2 ปีที่แล้ว

    Может кто-то скинуть пожалуйста полный код видео? Ссылка репозитория например

  • @SuperMyrco
    @SuperMyrco 2 ปีที่แล้ว +1

    С рефами было не совсем понятно почему мы выкинули строчку bounds… , видео по рефам будет полезно.

    • @boringfrontend9037
      @boringfrontend9037  2 ปีที่แล้ว

      Буду готовить, спасибо за фид бэк

  • @c4973
    @c4973 2 ปีที่แล้ว

    Добрый день! Снимите, пожал. еще видео по хукам.

    • @boringfrontend9037
      @boringfrontend9037  2 ปีที่แล้ว +4

      Як тільки переможемо московію так одразу продовжу знімати, зараз не до цього

  • @viktordikovich6058
    @viktordikovich6058 ปีที่แล้ว

    Блин нифига не отображается карта! ошибок в консоле нет, счетчик запросов в гугле растёт, но карты нет. Уже и разные библиотеки качал , начинал все сначала , открывал в разных браузерах, и ничего !!! Я пользую webStorm , может из за этого ,,,,)))) уже не знаю. что думать

  • @xXXBetManXXx
    @xXXBetManXXx 2 ปีที่แล้ว

    В чем отличие файлов формата js и jsx?

    • @ВладленМарченко-у1у
      @ВладленМарченко-у1у 2 ปีที่แล้ว

      jsx это файлы стандартного React, совмещает в себе js и html если простым языком

    • @xXXBetManXXx
      @xXXBetManXXx 2 ปีที่แล้ว

      @@ВладленМарченко-у1у ну можно же все создать в формате js и ошибки не будет, почему автор разбивает их?

    • @boringfrontend9037
      @boringfrontend9037  2 ปีที่แล้ว

      Для того щоб візуально було одразо помітно що за що відповідає + кращє працює автокомлінт в VSCode

  • @dmytroihnatushko8802
    @dmytroihnatushko8802 2 ปีที่แล้ว

    В мене одного не працює Autocomplete? Може хтось допомогти? написав все як у відео

  • @simpsomk
    @simpsomk 7 หลายเดือนก่อน

    Marker is deprecated :(

  • @ВалерияПетухова-б7т
    @ВалерияПетухова-б7т 2 ปีที่แล้ว

    Здравствуйте, Google cloud больше не регистрирует жителей из России, как тогда добавить карту в свой сайт?

    • @boringfrontend9037
      @boringfrontend9037  2 ปีที่แล้ว +25

      Вивести війська з территоріі України та піти у напрямку "Русского военного корабля"

    • @danildemchenko6004
      @danildemchenko6004 2 ปีที่แล้ว +3

      @@boringfrontend9037 Прекрасный ответ:) по факту

  • @Макс-и6л
    @Макс-и6л 2 ปีที่แล้ว

    Записываю свой API через process.env.REACT_APP_API_KEY. Пытаюсь отконсолить,чтобы проперить видет ли API, а он пишет undefined. Все правильно прописал, но не работает. В чем может быть проблема?

    • @boringfrontend9037
      @boringfrontend9037  2 ปีที่แล้ว

      Возможно нужно сборку перезагрузить, или проверь что у тебя фаил называется .env и находится в корне проекта

    • @Макс-и6л
      @Макс-и6л 2 ปีที่แล้ว

      кто будет на NEXT, то вот ссылка с решением проблемы nextjs.org/docs/basic-features/environment-variables

    • @askoldtsentseusti-1122
      @askoldtsentseusti-1122 2 ปีที่แล้ว

      он должен лежать в папке где находится package.json

    • @Никита-ф3о9и
      @Никита-ф3о9и 2 ปีที่แล้ว

      @@boringfrontend9037 спасибо помогло !!!

  • @egorpobylets6597
    @egorpobylets6597 2 ปีที่แล้ว +3

    Вельмi цiкавае вiдэа! Слава Украiнi!!!!!

  • @fastcoolmans
    @fastcoolmans 2 ปีที่แล้ว

    так

  • @vitamarys
    @vitamarys 2 ปีที่แล้ว

    С маркёром есть проблема.
    Он отображается только после старта приложения, но если обновить страницу больше не появляется.

    • @birmi
      @birmi 2 ปีที่แล้ว

      в LocalStorage сохранить попробуй

  • @SuperMyrco
    @SuperMyrco 2 ปีที่แล้ว

    Не совсем пойму почему пароли записанные в .env после build , можно вполне спокойно найти в вкладке Sources => Static / js / main.... .js Почему они там не скрываются и как их можно скрыть от пользователя? При этом файле по типу firebase.ts , действительно паролей не видно.

    • @boringfrontend9037
      @boringfrontend9037  2 ปีที่แล้ว +1

      Добавляются в бандл потому что иначе в браузер никак не прокинуть для использования, скрыть можно если их попробовать хешировать, что возможно firebase-cli и делает, в любом случае хранить данные которые могут нанести вашему приложению вред при похищении на фронте не стоит. Если говорить о приложении которое должно быть безопасным продакши реди, та сказать, то надо придумывать механизмы по кодированию/декодированию перемеенные, конечно если это того стоит