Публикации по теме 'google-maps'
Интеграция ui-карт для Google Maps с Angular
Ui-maps - отличный инструмент для интеграции карт Google в ваше приложение angular. На мой взгляд, использование ui-карт намного проще, чем использование Fusion Tables. Например, вместо того, чтобы вводить данные на панели инструментов таблицы Fusion, все можно сделать в вашем собственном коде. Мне также очень нравится внешний вид пользовательских карт.
Перво-наперво вам нужно установить ui-карты в свой проект с помощью bower:
bower install angular-ui-map
Если у вас нет беседки,..
100 дней кода: день 5
Сегодня я начал что-то новое и решил, что пришло время научиться использовать JavaScript API Карт Google. Я немного работал с этим раньше, когда впервые начал работать через FreeCodeCamp, но я не совсем понимал, что мне нужно сделать, чтобы мои параметры работали правильно. Кроме того, погружаться с головой в API, не зная толком, что такое API… не лучший выбор.
Теперь, когда я немного поумнел и имел возможность использовать несколько API, я решил вернуться к этому и действительно..
Высокоэффективное отслеживание в реальном времени в Интернете с помощью Google Map
Авторы - Ратул Рой и Рави Патвал
Возможность отслеживать объект на Картах Google в режиме реального времени - одна из наиболее важных функций приложений, ориентированных на вызов пассажиров и доставку. Итак, при создании Ola PWA мы знали, что страница «трек-райд» будет одним из наиболее часто используемых экранов.
Как и любая другая страница отслеживания в реальном времени, страница трековой езды Ola PWA также позволяет пользователям отслеживать точное местоположение автомобилей на..
React Native: пошаговые инструкции с картами Google и полилиниями
Я пишу этот пост, чтобы прояснить, как рендерить ломаные линии вместе с маршрутами Google Map. В этом примере я покажу, как визуализировать маршрут от парка Вашингтон-сквер до Юнион-сквер в Нью-Йорке.
Прежде чем мы начнем, нам нужно будет установить следующие библиотеки в наш проект React Native: response-native-maps , @ mapbox / polyline, react-native-google-maps-routes, native-base.
Шаг 1. Отрисовка карт React Native
После установки указанных библиотек мы начнем с рендеринга..
Интерактивные маркеры в компоненте google-maps-react
Итак, у вас есть отличная Google Map, встроенная в ваше приложение React (или, если вы еще этого не сделали, посмотрите мой блог о том, как это настроить и запустить - Интеграция Google Maps в ваше приложение React ). Это супер круто. Но не было бы еще круче, если бы ваши пользователи могли нажимать на появившиеся маркеры и получать более подробную информацию о том, что маркирует маркер?
Пакет google-maps-react, который вы установили для визуализации карты в своем приложении,..
Карты Google с AngularDart
В этой статье мы интегрируем Google Maps с приложением AngularDart. Само приложение будет очень простым: оно рассчитывает расстояние по большому кругу (кратчайшее расстояние на поверхности сферы) между двумя выбранными маркерами на карте.
По пути вы:
Зарегистрируйте свой собственный ключ API Карт Google. Создайте базовое веб-приложение на Angular. Интегрируйте Dart с Google Maps JavaScript API и управляйте взаимодействием с картами. Изучите несколько советов по полировке компонента..
Быстро добавьте карты Google в свое приложение Angular.js
Документация по API для Angular-Google-Maps Библиотека angular-google-maps (уменьшенная) библиотека lodash.js (уменьшенная) Документ Google MapOptions (Документация Google API) Google MapMarker Doc (Документация Google API) "Образец кода"
