new Вывести на страницу календаря карту с городами

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

[ ] Вставить Google Maps на страницу calendar инлайновым скриптом
[ ] Сгенерировать массив или объект со всеми событиями
[ ] Скормить данные Google Maps и вывести просто точки на карте мира
[ ] Сделать точки раскрываемыми, с подробностями про событие внутри

Можно на каждый шаг открыть свой пулреквест.

Jan 24 '19 11:01 pepelsbey

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

Feb 06 '19 19:02 LxPvlv

Вот, например, как выводится карта на сайте WSD:

В документе лежит статическая картинка c картой, такой фолбэк.
Скрипт запускается, парсит путь к ней и заменяет на карту.

Как именно заменяет — неважно, главное что по пути можно навставлять меток и что угодно. То есть на стороне Гэтсби готовится массив точек, а скрипт их обрабатывает и строит карту с помощью Google Maps API, да.

Feb 06 '19 19:02 pepelsbey

Не получается тестировать Google Static API. Гугл разрешает сделать один запрос в день, чтобы получить больше надо включать биллиг, и предоставить данные кредитной карты. Может быть вы сделаете тестовый ключик, который можно будет удаль после пулреквеста?

@LxPvlv обычно такие ограничения не применяются для локального тестрования, нет?

Feb 07 '19 10:02 pepelsbey

В квотах 1 запрос в день. Потом можно включить биллиг и Гуггл дает $200 каждый месяц на GoogleMaps(но надо подключать платежную карту). Похоже гугл недавно сменил политику.

Feb 07 '19 10:02 LxPvlv

Не знаю как сделать правильно. Статическая картинка и координаты маркера, должны генерироваться на этапе создания новой записи(item) календаря. Иначе получится так, что на каждый чих(любая пересборка при отладке например) будут делать запросы к api гугла. Но зачем ничего ведь не меняется.

Ключ что вы мне дали, может делать запросы только к Maps JavaScript API, надо еще подключить к нему Maps Static API и Geocoding API.

Feb 10 '19 11:02 LxPvlv

Каждая загрузка страницы со встроенной картой — это запрос к API карт. Не вижу ничего плохого при сборке сайта запрашивать у этого API координаты города по названию «Москва, Россия», он точно должен это уметь.

Feb 10 '19 11:02 pepelsbey

У этого ключа и так был доступ ко всем API, но я на всякий случай сделал следующее:

Ограничил домен: https://*.web-standards.ru/* (локально должно работать)
Ограничил API
- Maps Static API
- Maps Embed API
- Maps JavaScript API

Feb 10 '19 12:02 pepelsbey

Ничего не могу найти. Покажите пример как можно получить координаты без геокодера.

Feb 10 '19 15:02 LxPvlv

А почему не использовать для этого геокодер?

Feb 10 '19 16:02 pepelsbey

Я могу делать запросы только на Maps JavaScript API. чтобы делать запросы на Maps Static API и Geocoding API я просил у вас ключ. Ключ что вы мне дали я не могу использовать так как он ораничен https://*.web-standards.ru/*. Может быть я чего то не понимаю или не знаю.

Feb 10 '19 16:02 LxPvlv

Добавил http://localhost/ в список разрешённых адресов, должно заработать.

Feb 10 '19 16:02 pepelsbey

Получил ответ от геокодера REQUEST_DENIED А вот Maps Static API работает. Наверное вы не подключили к ключу Geocoding API

Feb 10 '19 17:02 LxPvlv

Всё, теперь точно включил

Feb 10 '19 18:02 pepelsbey

Проверил сразу после вашего сообщения, все работало. Сейчас получаю это:

{
"error_message": "API keys with referer restrictions cannot be used with this API.",
"results": [],
"status": "REQUEST_DENIED"
}

Feb 10 '19 19:02 LxPvlv

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

Feb 10 '19 19:02 LxPvlv

Судя по тексту ошибки, он и на живом домене с ограничениями не сработает. Но окей, пока сниму.

Feb 10 '19 20:02 pepelsbey

{
"error_message": "This IP, site or mobile application is not authorized to use this API key. Request received from IP address ********, with referer: http://localhost:8000/calendar/",
"results": [],
"status": "REQUEST_DENIED"
}

Feb 10 '19 20:02 LxPvlv

Убрал ограничение.

Feb 10 '19 20:02 pepelsbey

Может мы ускорим всё? Если бы был пулреквест (самый базовый), я бы сам смог проверить — работает API или нет.

Feb 10 '19 20:02 pepelsbey

Сейчас api_key лежит прямо в коде. Пока не знаю как его убрать.

Feb 10 '19 20:02 LxPvlv

Ключ в любом случае будет публичный, если мы будем какие-то вещи делать в подключаемых скриптах, это нормально.

Feb 10 '19 20:02 pepelsbey

Ну да точно. Сейчас сделаю.

Feb 10 '19 20:02 LxPvlv

Линтер не дает сделать коммит, console.log ему не нравится.

Feb 10 '19 21:02 LxPvlv

Что с пулреквестом? #111 Почему молчите? Все плохо?

Feb 11 '19 20:02 LxPvlv

Спокойствие, только спокойствие. Не было времени посмотреть, завтра смогу.

Feb 11 '19 20:02 pepelsbey

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

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

Mar 04 '19 10:03 aleshkanet

Главный источник для календаря — календарь. Конференции — это другой раздел, со своими источниками.

Mar 04 '19 10:03 pepelsbey

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

Mar 04 '19 11:03 aleshkanet

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

Mar 04 '19 11:03 pepelsbey

new new copied to clipboard

Вывести на страницу календаря карту с городами

new
new copied to clipboard