Тёмный

Работа с Google Maps API / Создание своей карты на JavaScript 

Гоша Дударь
Подписаться 883 тыс.
Просмотров 103 тыс.
50% 1

* Ссылка на регистрацию на интенсив - bit.ly/2OY0HaV
Google API невероятно большой и позволяет делать практически любые действия над их сервисами. В этом уроке мы рассмотрим работу над Google Maps API (Google Карты) и научимся взаимодействовать с ней посредством JavaScript языка.
1) Google Карты API: cloud.google.com/maps-platform/
2) Оформление подписки: cloud.google.com/maps-platfor...
3) Пляжный маркер: developers.google.com/maps/do...
4) Документация по стилям: developers.google.com/maps/do...
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼‍💻
- Все уроки по хештегу #goshaLessons

Опубликовано:

 

26 авг 2018

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 92   
@naumov210
@naumov210 5 лет назад
Хороший гайд. С нужными и полезными подробностями документации. В других просто копипаст код отсюда - сюда. А ты рассказал, что и куда и главное для чего! Запилил по нему тестовое ! Спасибо !
@user-we2ww7zh5e
@user-we2ww7zh5e 3 года назад
Спасибо за видео. В программировании совершенно не разбираюсь и никогда не думала, что понадобиться. Однако, понадобилось. Благодаря Вам разобралась и теперь сижу, разбираюсь в этом всем, карту делаю; пока получается. Ещё раз спасибо.
@cBrur
@cBrur 4 года назад
Гоша, да облагодетельствует тебя Всевышний, отлично подал материал.
@sergiysergiy8875
@sergiysergiy8875 3 года назад
отличный урок для ознакомления как работать с внешиними апи!
@zimabezsnega
@zimabezsnega 2 года назад
Спасибо всё ясно понятно без воды)
@zmeygorynych5684
@zmeygorynych5684 3 года назад
Отлично преподносишь контент)!
@marianagonzalez-od5jx
@marianagonzalez-od5jx 5 лет назад
отличное видео .все доступно расказываете)
@kain1677
@kain1677 2 года назад
Очень доступно подан материал.
@Tommy7417
@Tommy7417 Год назад
Супер спасибо, все по сути.
@my_coolheart
@my_coolheart 5 лет назад
Давай еще несколько функций из Google Maps API :)
@user-dq7dp7ty4e
@user-dq7dp7ty4e 3 года назад
Вопрос: как сделать, чтобы маркеры на карте уже отображались с названиями? т.е. без клика на них.
@battalov_u
@battalov_u 5 лет назад
что куда вставлять, если делаешь это на вордпрессе, я разобрался, а вот как теперь сделать на карте или возле карты (не важно где) кнопку, нажав по которой меняется адрес (у компании три адреса)?
@astrotrain
@astrotrain 5 лет назад
Расскажи про работу с гугл-картами в вебпак с модулями.
@user-ww4lz5ln8e
@user-ww4lz5ln8e 5 лет назад
Спасибо))
@user-jz1dr9ky6g
@user-jz1dr9ky6g 2 года назад
если я хочу сделать сайтик с картой и формой загрузки фото, тянуть с фото координаты и размещать на карте маркер. Что для этого потребуется ? типа ноды и монго дб?
@TheHaykill
@TheHaykill 5 лет назад
Вдруг кто увидит, подскажите, можно ли на свои маркеры вешать комментарии, что бы при выборе маркера пользователь мог добавить свой комментарий в всплывающем окне например?
@domakook753
@domakook753 2 года назад
Спасибо!
@user-mh8rh2jp3h
@user-mh8rh2jp3h 5 лет назад
что делать если добавил карту на страницу, она отображается, но нельзя ничего с ней сделать и маркер не ставится? подключил бесплатную версию, но она просто стоит на одном месте и не доступны никакие функции
@Tribunall
@Tribunall 5 лет назад
Спс за обьяснение о платности. А то не мог понять что не так сделал почему не работает!!!!
@mekanbegjanow8867
@mekanbegjanow8867 3 года назад
Нужен ли для созданного карта интернет? Или это оффлайн?
@adletibraimov2967
@adletibraimov2967 3 года назад
лучший!
@BraentR
@BraentR 4 года назад
Спасибо
@user-tc1tl9gj4n
@user-tc1tl9gj4n 5 лет назад
Спасибо за урок! Подскажите, пожалуйста, как совсем еще новичку- я сохранила код как html, но карта в браузере не отображается. Почему, как-то по-другому нужно открыть?
@kabulisakov4620
@kabulisakov4620 4 года назад
задайте ширину и высоту своему контейнеру div и тогда у вас отобразится в браузере
@Dantarian
@Dantarian Год назад
Нет ли у вас гайда, как сделать интерактивную карту, чтобы любой желающий мог на неё зайти, поставить на неё где захочет стикеры, и нажав на стикер дать описание?
@shark1203-
@shark1203- 5 лет назад
Лучший канал для получения знаний в сфере it!!!
@Dantarian
@Dantarian Год назад
И есть ли бесплатный сервис, где можно без проблем создать интерактив: Расставлять на картинке стикеры, так же кто угодно может, и с описанием, сама картинка является картой, есть ли что-то подобное?
@lgofshteyn
@lgofshteyn 5 лет назад
Можно ли на карте используя апи нарисовать дома и проложить дороги? Т. е. по сути сделать прототип своего поселка? И аналогично удалить существующие объекты, которые реально существуют.
@kanatkudaibergenov564
@kanatkudaibergenov564 2 года назад
А если будет двигаться человек, это приложение сможет рассчитать, сколько километров он проехал?
@Chyorny_Lis
@Chyorny_Lis 4 года назад
как это потом в конструктор залить?
@Christopher-vt2cs
@Christopher-vt2cs 5 лет назад
Возник такой вопрос. Если делать шаблон для themeforest и добавлять гугл карту, тот как быть с апи? клиент будет его использовать или ему придется свой создавать. p.s. спасибо за видео, как раз, искал информацию про это.
@vitya752
@vitya752 5 лет назад
Клиент должен использовать свой API. Можете подключить свой API, но проплачивать незачем, Ваш API должен быть только для примера.
@92OopSs
@92OopSs 5 лет назад
Лайк, очень полезное видео.
@duoduoo6732
@duoduoo6732 Год назад
так он платный только или бесплатно можно использовать?
@VovadjoSenseii
@VovadjoSenseii Год назад
Вопрос как сделать темную карту через ?
@Pr0x1C
@Pr0x1C 5 лет назад
недавно пытался Карту сделать свою полностью кастомизированную , скажите щас что за API платить надо? у меня на карте вечно надпись была 'for development purposes only' а в консоле постоянно на API жаловался, и создание нового API не как не помогало.
@illiasoroka6610
@illiasoroka6610 5 лет назад
Такая же херь
@my_coolheart
@my_coolheart 5 лет назад
Возникла сложность с регистрацией учетной записи, т.к. просит данные кредикти... Как быть?
@MsElemor
@MsElemor 4 года назад
снимает 1$ за регистрацию и все.
@maxstetsenko8626
@maxstetsenko8626 4 года назад
А как сделать чтобы окно подсказки было изначально открыто ? То есть, не при клики, а сразу
@wextines
@wextines Год назад
Нужно написать без addListener
@No-bl8vd
@No-bl8vd Год назад
Как поменять название школы на карте?
@russianhape4420
@russianhape4420 5 лет назад
Привет)
@TheFastmind
@TheFastmind 2 года назад
Поменялся интерфейс и сейчас все нужно искать, что и куда нажимать...
@D__N54
@D__N54 3 года назад
Здравствуйте, посмотрел ваше видео, пошел до google, выяснялось, что уже сильно всё поменялось. Ну, почти три года прошло однако! И часть вашей инструкции, для человека без знаний в данной области, не работает, да и с "англицким" не очень, а русский видать исключили из языков интерфейса, политотой видать босы их занимаются. По инструкции google, и методом тыка, скопировал вставил, подтолкнул API и теперь еще "нужен" и ID, под вопросом конечно, но у меня без него не заработало, когда прошел по ссылкам и сделал его, подтолкнул в соответствующую область, заработало. И то заработало когда именно в их форме вставил данные и только тогда оно корректно стало работать, если просто копирнуть код со страницы, а потом вставлять у себя и вписать API и ID, у меня от чего-то не работало, видать или лишние символы или не достающие, может пробелы или еще чего делал... А еще не нашел как теперь сделать всплывающие окно, на фоне изменений которые google наворотил. И правильно ли я понимаю, что иконки можно приклеить только с внешней ссылкой и в формате "*.png" ? судя по инструкция это так, но может я чего не до понимаю. А вот стилизация работает путем Ctr+С / Ctr+V, а дальше как вы и говорили - сиди играйся с цветовым оформлением. Пытаюсь добыть свежею инфу как сделать трек от и до определенных точек, а то на карте не хватает дорог до нужного места, хочу от ближайшей дороги дорисовать, но пока всё глухо. Если сделаете новое видео по данной теме, полагаю народ будет счастлив! Спасибо Вам и успех!
@user-dn5vw1qe2y
@user-dn5vw1qe2y 4 года назад
Все сделал а маркет который по умолчанию не отображается
@battalov_u
@battalov_u 5 лет назад
все понятно, вот только куда эти скрипты вставлять если я это делаю на wordpress ? пожалуйста подскажите
@turtrueweb
@turtrueweb 4 года назад
В wordpress есть плагины для этого, достаточно подключить и настроить.
@user-mt5zd1eo6d
@user-mt5zd1eo6d 3 года назад
НЕ МОГУ НАЙТИ ПРИМЕР. HELP. Как из адреса преобразовать координаты, или по адресу поставить маркер. Кто-нибудь знает?
@showrun4747
@showrun4747 Год назад
гугл по слову геокодирование
@GELIC
@GELIC Год назад
а можно в качестве картинки маркера поставить свою картинку?
@showrun4747
@showrun4747 Год назад
вы похоже невнимательно смотрели. там вставляется урл на картинку..он может быть любой, куда вы еее захотите положить.
@zhenyatv9620
@zhenyatv9620 5 лет назад
Сделай что-то на C++.
@Vek0la
@Vek0la 5 лет назад
так теперь они платные?
@turtrueweb
@turtrueweb 4 года назад
Да.
@1710000huh
@1710000huh 4 года назад
каждый месяц первые 200 долларов начисленные за использование - не оплачиваются. Это много. Показ динамической карты стоит 7 долларов за 1000 показов.
@KaNaLVASI
@KaNaLVASI 3 года назад
@@1710000huh Спасибо!
@1710000huh
@1710000huh 3 года назад
@@KaNaLVASI пожалуйста!
@user-kl5lj6po8p
@user-kl5lj6po8p 4 года назад
Можно создать маркер по физическому адресу а не по координатам?
@showrun4747
@showrun4747 Год назад
гуглите по слову геокодирование ;)
@_Fantom_.
@_Fantom_. 3 года назад
Не работает! Карта не отображается!
@Fitpm
@Fitpm 4 года назад
спасибо, но пока нет времени
@Bucha_
@Bucha_ 3 года назад
будет ли эта карта работать оффлайн?
@showrun4747
@showrun4747 Год назад
выключите линк на компьюетере и очень быстро узнаете точный ответ на ваш вопрос :))
@senpay6157
@senpay6157 5 лет назад
Стоп. А значит до этого урока выучить JS?
@thesweetlife843
@thesweetlife843 5 лет назад
Top YOUtuBE яваскрипт ))
@sergiyrudenko905
@sergiyrudenko905 5 лет назад
давно не работает, гугл сделал платним свой api
@user-qe5kw3or4j
@user-qe5kw3or4j 3 года назад
🌏🌖
@pikachu_4702
@pikachu_4702 5 лет назад
Привет
@viktorvasylyk767
@viktorvasylyk767 5 лет назад
Ууу, Atom - топ.
@desgrcgdhh4517
@desgrcgdhh4517 5 лет назад
gg
@renatgubaidullin6374
@renatgubaidullin6374 5 лет назад
Не работает
@dragonwordyt7374
@dragonwordyt7374 5 лет назад
Как заделать воду течение быстрое в Unreal engine 4. Зделай видео урок пожалуйста
@BastionKadabr
@BastionKadabr 5 лет назад
да вроде везде через смещение текстуры делается
@user-vn2nx1yq9e
@user-vn2nx1yq9e 5 лет назад
200$ в месяц
@mikaelgevorgyan4521
@mikaelgevorgyan4521 2 года назад
я нечего не смог найти в этом гугле кроме 300$ o0o
@user-zs1wn4vk2e
@user-zs1wn4vk2e 5 лет назад
видео только вышло и уже 3 диза. ну ё*бана....))
@kudanoff9849
@kudanoff9849 4 года назад
Да ты надоел, противно слышать Апиай, АПИ скажи да
@Ooshka
@Ooshka 5 лет назад
Лол я думал ты пишешь аналог карты гугл) а ты просто их апи используешь)
@thesweetlife843
@thesweetlife843 5 лет назад
дауж )
@theflowee1996
@theflowee1996 Год назад
Ежемесячно $200 будет жрать, по другому никак? Или я просто долбень, и не туда клацаю?
Далее
SITUATION IN FAST FOOD
00:19
Просмотров 3,7 млн
How to load Maps JavaScript API in React (2023)
6:31