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

Тот, который я использовал недавно, был Листовкой. Это библиотека JavaScript с открытым исходным кодом для мобильных интерактивных карт. Он очень минимален и содержит все функции.

Чтобы использовать карту, нам просто нужно поместить эти два тега в раздел head.

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

Здесь первый параметр setView — это массив широты и долготы, а второй параметр — уровень масштабирования.

После инициализации карты мы можем просто добавить маркер на карту, и, если мы хотим, мы также можем поставить ссылку на карты Google. Это создаст следующий вывод.

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

Если вам понравился этот пост, не забудьте поставить аплодисменты и подпишитесь на меня на канале и в твиттере.