Обычно при интеграции Google Maps вы работаете с Maps JavaScript API , который требует ключа API и может привести к затратам, которые не следует недооценивать при более высоких числах доступа. Существуют отличные альтернативы, такие как mapbox или OpenStreetMap , но они еще не обладают разнообразием функций, предлагаемых Google. Сам Google также предлагает способ без ключа API через функцию общего доступа, которую мы можем использовать для наших целей.
Этот путь можно программно использовать для вывода любого адреса (даже без знания широты и долготы). Кроме того, карта (в отличие от JS-аналога) содержит ссылку на планировщик маршрутов. Карту также можно улучшить с помощью фильтров CSS (хотя результат не совсем приближается к собственным стилям , которые возможны с помощью JS API).
В течение многих лет это можно было сделать с помощью параметра output = embed , который Google официально не поддерживает, поэтому в последнее время увеличилось количество ошибок отображения.:
331190767bb32b2468632e609223c53e
Если вы используете официальную функцию обмена через maps.google.de , вы получите следующий код, например:
331190767bb32b2468632e609223c53e
Если мы структурируем длинный URL-адрес в параметре src , получится шаблон:
331190767bb32b2468632e609223c53e
Мы распознаем следующие типы данных:
- m: матрица
- s: строка
- f: плавать
- d: двойной
- я: целое число
- e: enum
После нескольких попыток проб и ошибок мы можем удалить некоторые значения и упаковать наиболее важные значения в переменные, например, для динамического определения адреса.:
331190767bb32b2468632e609223c53e
Наконец, мы можем сделать карту красивее, используя следующий код CSS, например:
331190767bb32b2468632e609223c53e
В итоге мы получаем бесплатную динамическую карту, которая надежно работает.: