гугл карты иконка приложения
Как узнать, где находится телефон ребенка (или мужа/жены), используя приложение Google Maps
На каждом смартфоне есть прекрасное приложение от компании Google под названием Карты (Google Maps). Большинство людей используют его исключительно в целях навигации или поиска определенного места\адреса. Но сегодня мы расскажем вам о том, как с помощью этой удобной программы следить за местоположением своего ребенка (или другого члена семьи)!
А в конце вас ждет еще несколько интересных функций Google Карт, о которых знают далеко не все пользователи.
Прежде, чем мы приступим…
Нужно понимать, что для определения точного местоположения необходимо, чтобы смартфон соответствовал определенным требованиям, а именно:
Сразу же следует заметить, что все эти требования не особо повлияют на расход аккумулятора. Скорее всего, на вашем смартфоне все эти три пункта уже выполнены (приложение Google Maps устанавливается «из коробки», интернетом вы и так пользуетесь, а службы геолокации нужны для очень большого числа приложений, из-за чего активны по-умолчанию).
Если смартфон вашего ребенка или другого близкого человека отвечает этим требованиям, тогда приступим к очень простой настройке и активации функции слежения.
Настраиваем смартфон для возможности отслеживать его местоположение
Прежде всего, берем смартфон, за которым хотим следить. К примеру, пусть это будет смартфон вашего ребенка. Находим там приложение Карты и запускаем:
После запуска переходим в меню (нажимаем иконку [mks_icon icon=»fa-align-justify» color=»#3a3a3a» type=»fa»] в левом верхнем углу) и выбираем пункт Передача геоданных:
Теперь вам необходимо выбрать контакты, с которыми желаете делиться своим местоположением (то есть, кому смартфон вашего ребенка будет отправлять данные о своем местонахождении).
Для этого нажимаем иконку [mks_icon icon=»fa-user-plus» color=»#1772b7″ type=»fa»] и выбираем в списке свой контакт (здесь будут перечислены все люди из книги контактов, у которых установлено приложение Google Maps), отправляем запрос, нажимая кнопку Поделиться.
Обратите внимание на пункт Показывать мое местоположение, здесь необходимо выбрать Пока я не отключу:
Иногда вместо списка контактов может отображаться только одна кнопка Контакты:
Нажимаем ее и находим свои данные. После этой несложной процедуры на ваш смартфон придет уведомление о том, что пользователь теперь показывает вам свое местоположение:
Вот и все! Теперь вы без проблем можете увидеть, где сейчас находится телефон близкого вам человека. Для этого запускаем приложение Карты и сразу же видим, помимо своего местоположения (показано синей стрелкой), также информацию о местонахождении близких людей (показано красными стрелками):
Для большего удобства можно сделать следующее:
Теперь на главном экране вашего смартфона появится значок выбранного человека, открыв который вы сразу увидите его местоположение.
Google карты следят за вами постоянно и… это пугает весело!
Хотите отмотать время назад и посмотреть подробный отчет о том, где вы были вчера или на прошлой неделе? Думаете, это невозможно? Ведь вы не устанавливали никаких специальных приложений! Не совсем так. Google Карты ведут довольно подробную хронологию ваших перемещений.
Правда, чтобы увидеть ее, необходимо кое-что сделать, а именно:
Забавно то, что кнопка Начать совершенно не означает «начать следить за мной«, ведь нажав ее, вы сможете увидеть историю местоположения смартфона за любой период времени:
На некоторых смартфонах, правда, не нужно даже ничего нажимать, программа сразу покажет хронологию.
Если вам захотелось провернуть тот же трюк со смартфоном другого человека — удаленно это сделать не получится. Необходимо иметь непосредственный доступ к смартфону.
Навигация с помощью Google Карт без подключения к интернету
Единственным недостатком приложения Карты является то, что для его работы нужен интернет. Иногда это очень затратно (если, к примеру, вы находитесь за границей и нет sim-карты местного оператора) или просто невозможно (не везде есть интернет или даже сотовая связь).
Но и эту проблему можно легко решить, воспользовавшись стандартной функцией Google Карт:
И теперь, когда вы находитесь в той местности, карту которой скачали, приложение будет работать без подключения к интернет! Можете заранее подготовиться и скачать нужные вам участки.
Более того, приложение автоматически будет обновлять скаченные вами карты, как только смартфон подключится к Wi-Fi сети. Для удаления или обновления карт вручную, заходим в то же меню (Офлайн-карты) и выбираем из списка нужную карту.
Надеемся, вы узнали для себя что-то новое и полезное!
P.S. Не забудьте подписаться в Telegram на первый научно-популярный сайт о мобильных технологиях — Deep-Review, чтобы не пропустить очень интересные материалы, которые мы сейчас готовим!
Как бы вы оценили эту статью?
Нажмите на звездочку для оценки
Внизу страницы есть комментарии.
Напишите свое мнение там, чтобы его увидели все читатели!
Если Вы хотите только поставить оценку, укажите, что именно не так?
Google Maps — кастомизируй меня полностью
В первый раз столкнувшись с внедрением и кастомизацией Google Maps, я не нашел единой статьи, рассматривающей все необходимые моменты — информацию пришлось искать по крупицам, а что-то выдумывать самому. После чего и было решено написать эту статью, чтобы люди, ранее не работавшие со стилизацией Google Maps, но при этом ограниченные временными рамками (а может, и желанием) для полноценного изучения API, смогли быстро получить необходимую информацию и материалы. Тем более, что и те, кто обладает определенным опытом, смогут почерпнуть для себя из этой статьи какую-нибудь интересную фишку, к примеру — параллакс для элементов информационного окна.
В этой статье мы рассмотрим:
1. Внедрение Google Maps на сайт
Добавление через вставку iframe в разметку
Если у вас нет необходимости изменять маркер, делать кастомное информационное окно или еще каким-либо образом воздействовать на карту, для ее добавления достаточно сделать следующее:
после чего кликнуть на гамбургер:
Затем находим кнопку «Ссылка/код»:
Копируем код для вставки:
Осталось только вставить полученный код в разметку.
Добавление через API
Но если необходимо произвести какие-либо манипуляции, нам понадобится ключ. Если его нет рядом, можно получить тут: ссыль
Встраиваем его в адрес вместо YOUR_API_KEY :
Если нужно вызывать коллбэк после загрузки api, после ключа надо будет дописать YOUR_API_KEY&callback=initMap с названием вашей функции. Подключаем скрипт на странице и создаем в разметке блок для будущей карты:
Теперь необходимо инициализировать карту:
Координаты можно узнать при помощи опции «Что здесь», описанной выше.
Свойства, которые могут сразу понадобиться:
Для начала добавим маркер:
position (обязательно) указывает начальное положение маркера. Если указать те же координаты, что и для карты, то маркер будет по центру экрана. Сместить маркер можно изменив значение координат, либо сменив положение самой карты относительно видимой области (родительского блока).
map (не обязательно) указывает карту, на которой помещается маркер.
Для маркера можно задать анимацию:
Пример анимации маркера при закрытии информационного окна и прекращении при открытии:
3. Кастомизация информационного окна
Добавление информационного окна
В кастомное информационное окно можно добавить любую разметку через свойство content :
Открытие информационного окна
Чтобы информационное окно было видно сразу, надо вызвать метод open() :
Также следует добавить вызов окна при клике на маркер (в противном случае мы не сможем открыть попап):
Кастомизация элементов информационного окна
Информационное окно может быть как кастомное, так и стандартное. В кастомное мы можем добавить любые элементы и работать с ними, возможности ограничены лишь фантазией.
Основная проблема, с которой можно столкнуться при кастомизации любого из типов – края (белая область) вокруг контента и стрелочка. Эти элементы не поддаются css выборке.
Решить проблему можно при помощи псевдоэлементов для доступных блоков. Также, если по какой-либо причине нет возможности использовать лишний псевдоэлемет, рамочку можно убрать при помощи тени.
Но обо всем по порядку:
Как теперь повлиять на область вне блока контента? Выйти за его пределы. В первую очередь надо добавить свойство, которое сделает видимыми блоки, выходящие за границы:
Параллакс-эффект для элементов в информационном окне
Как вариант, можно проверять наличие элемента и сохранять после появления:
Теперь просто добавим код, смещающий блок по горизонтали в зависимости от положения курсора:
Если клик по динамическому элементу нужно обработать, просто ставим обработчик на обертку и ловим объект на всплытии:
4. Кастомизация карты
Изменение цвета объектов карты
Для стилизации карты используется массив стилей, в котором указывается селектор и css-свойство, которое необходимо применить.
Пример настроек, окрашивающих воду в фиолетовый цвет:
Для настройки стилей проще всего использовать специализированный сервис, к примеру Google Maps APIs Styling Wizard. Для детальной настройки карты жмем «More options»:
Копируем полученный json:
В конечном итоге получаем вот такие настройки карты:
Кастомизация элементов управления
Используя эти классы, можно сделать с элементами управления все, что душе угодно. В данном случае я скрыл элементы управления, но для примера изменил цвет:
На этом быстрый старт Google Maps окончен. Надеюсь, эта статья оказалась для вас полезной.
Работа с интерфейсом в Google Maps SDK для Android
Данная статья будет полезна тем, кто ранее не использовал в своей работе Google Maps SDK.
Под катом описаны основные приемы работы с картой, такие как добавление и управление маркерами, способы перемещения камеры над картой, управление зумом, построение маршрута и геокодинг. А так же ограничения и способы их обхода.
Источник
На написание статьи меня сподвиг собственный опыт, который я извлек при написании приложения для курьеров использующего в своей работе гугл карты. Так что все скриншоты и возможное упоминание бизнес логики будут происходить в контексте построения интерфейса курьера.
К сожалению Google Maps SDK for Android не позволяет изменять положение кнопок управления, т.н. UI controls, к ним относятся: IndoorLevelPicker — показ поэтажного плана строений, Compass — компас, My Location button — перейти на карте к текущему местоположению, Map toolbar — кнопи построения маршрута и открытия карты, а так же ZoomControls — увеличения и уменьшения маштаба карты.
На примере Map toolbar и ZoomControls посмотрим какие сложности могут возникнуть из-за невозможности сменить положение контролов и как это обойти.
Проблемы с отображением UI controls из SDK (выделено оранжевым) и их кастомные аналоги (выделено зеленым)
В данном случае у нас в правом нижнем углу расположена кнопка (floating action button) перехода к списку адресов заказов на доставку, на картинке слева видно, что ZoomControls оказались под ней и практически недоступны для нажатия. На картинке справа, при нажатии на маркер, появляются кнопки из Map toolbar, они так же оказались под кнопкой перехода к списку заказов.
Первое что нам необходимо сделать — это скрыть отображение оригинальных кнопок. Сделать это можно переопределив метод onMapReady, он вызывается в тот момент, когда карта готова к использованию.
Добавляем в верстку фрагмента нужные кнопки, там где они должны быть в соответствии с нашим дизайном:
Расположение кастомных кнопок управления картой
Затем в методе onCreateView указываем действия, которые должны произойти при нажатии на наши кнопки:
Особенность метода animateCamera в том, что маштаб изменяется плавно, а не мгновенно и если нужно, например, отключить анимацию конкретной кнопки зума, по достижению максимального или минимального маштаба, то для этого нужно переопределить метод onCameraIdle, который вызывается в момент прекращения изменения маштаба карты.
Что бы выполнить какое либо действие с маркером(кроме перетаскивания), например, создать новый заказ, удалить случайно поставленный маркер, перейти в уже существующий заказ или позвонить по телефону казанному в заказе добавляем в верстку соответствующие кнопки управления и прописываем их обработчики.
Кнопки управления маркером
Еще одна особенность, это то что в SDK нет кнопки для удаления поставленного на карту маркера. Для этого тоже делаем свою кнопку:
При нажатии на маркер открывается его заголовок, нажатие на который так же можно использовать для совершения какого либо действия, я при нажатии на заголовок нового маркера создаю новый заказ на доставку курьеру, а на маркер уже существующего заказа — открываю подробную информацию о доставке, включающюю перечень товаров.
Процесс вывода нескольких маркеров (считай списка заказов) на карту ничем принципиально не отличается от вывода одного маркера. Маркер состоит из координат (position), заголовка (title), мелкого текста под заголовком (snippet) и тэга (setTag) — его можно использовать для идентификации множества маркеров на карте.
Несколько маркеров на карте
Пара слов о геокодере
Геокодер используется для получения адреса, на основании координат. Поставив маркер на карте и нажав кнопку добавить заказ, мы получаем географические координаты нужной точки, т.е. широту и долготу. Но для удобства пользователя неплохо будет показать адрес в человекочитаемом виде, т.е., например, страна, город, улица, дом.
Google Maps SDK содержит класс Geocoder, вызвав его метод getFromLocation можно получить массив адресов по указанным координатам.
Для того, что бы не блокировать UI thread долгими, особенно если медленный или недоступный интернет, вызовами — будем использовать RxJava:
Полученный адрес точки на карте на основании географических координат
Как обновить «Гугл Карты» на «Андроиде»: инструкция
Приложение «Гугл.Карты», изначально разработанное для мобильных платформ, а сейчас представляющее собой онлайн-сервис, является очень удобным гидом для всех тех пользователей, которые хотят быстро получить информацию по определенному региону, найти необходимый адрес или проложить маршрут из одного места в другое. В последнем случае в качестве дополнительного апплета необходимо использовать картографический апплет «Гугл.Маршрутизатор». Также сервис имеет тесную интеграцию еще с одним мощнейшим и интереснейшим приложением под названием Google Earth. Но ведь любому пользователю понятно, что и сами спутниковые снимки, и версии основного приложения со временем устаревают. Чтобы привести их в актуальное состояние, настоятельно рекомендуется обновить «Гугл.Карты», что можно сделать нескольким способами, исходя из того, на каком устройстве используется приложение или онлайн-сервис.
Как часто происходит обновление снимков?
Прежде чем предпринимать какие-то действия по установке апдейтов для мобильных и компьютерных приложений, давайте посмотрим, насколько часто происходит обновление самих снимков. Обновленная карта «Гугл» со спутника выкладывается сотрудниками корпорации примерно раз в две недели. Но не нужно воспринимать это буквально. В основном обновления снимков касаются только густонаселенных районов или крупных городов, а для территорий вроде сибирской тайги или пустынь снимки в своем начальном варианте могут сохраняться десятилетиями. Что же касается обновления изображений карты на мобильных девайсах, применять для этого свайпы снизу вверх абсолютно бессмысленно. Зато в установленном приложении можно воспользоваться загрузкой оффлайн-карты с выбором требуемого региона, после чего на мобильное устройство будет скачан самый актуальный на текущую дату спутниковый снимок.
Как обновить «Гугл.Карты» на «Андроиде»: автоматический апдейт
Теперь давайте остановимся на некоторых действиях, касающихся установки апдейтов для мобильных приложений. На «Андроиде» обновить «Гугл.Карты» бесплатно можно совершенно просто, установив для приложений автоматический режим, предполагающий немедленную загрузку и установку апдейтов, например, при подключении по Wi-Fi. Для установки требуемых параметров зайдите в «Плей Маркет», свайпом от левого края страницы направо вызовите дополнительное меню и перейдите к разделу настроек. Также меню можно вызвать нажатием на кнопку с тремя горизонтальными линиями.
В параметрах автоматического обновления и скачивания приложений укажите Wi-Fi или любую сеть. Как только с вашего устройства будет активирован доступ в интернет, апдейты установятся самостоятельно.
Как обновить «Гугл.Карты» для Android в ручном режиме?
Но можно предположить, что для экономии трафика, когда оплата за подключение взимается оператором мобильной связи, пользователь автоматическую установку апдейтов отключил. В этом случае в системе будут появляться только напоминания о доступных обновлениях. Обновить «Гугл.Карты» можно и в этом случае, если в «Плей Маркете» через описанное выше меню зайти в раздел уведомлений и согласиться с установкой либо всех апдейтов, либо только выбранных приложений.
Аналогичные операции можно выполнить в разделе «Мои приложения», где при входе сразу же будет осуществлен поиск доступных обновлений.
Кардинальный метод обновления сервиса на мобильных девайсах
Еще одним достаточно простым и максимально эффективным способом считается полная переустановка приложения. Обновить «Гугл.Карты» можно либо после удаления исходного приложения с устройства, для чего потребуется наличие root-прав, либо с выполнением обычной повторной установки поверх существующей модификации из APK-файла, соответствующего самой последней версии апплета, загруженного, например, на компьютер.
В этом случае необходимо будет дать разрешение на установку апплетов из неизвестных источников и на всякий случай отключить проверку приложений.
Обновление мобильного апплета через ПК
Аналогично предыдущим решениям, обновить «Гугл.Карты» можно при подключении мобильного устройства к стационарному ПК или ноутбуку после выполнения синхронизации по USB или через беспроводную связь. В самом простом случае можно использовать программы управления смартфонами или планшетами, разработанные производителями девайсов и установленные именно на ПК.
Также можно зайти на сайт «Плей Маркета» через любой из имеющихся на компьютере браузеров, найти там искомое приложение, а затем задать либо обновление, либо установку на мобильное устройство.
Примечание: если для одного аккаунта Google зарегистрировано несколько девайсов, выбрать требуемое устройство можно из выпадающего списка, который будет расположен справа от названия апплета.
Обновление стационарного компьютерного приложения
Если говорить о том, как обновить «Гугл.Карты» на компьютере при использовании приложения в качестве инсталлированной стационарной программы, обычно ручного вмешательства не требуется, поскольку при первой установке активируется специальный апдейтер, следящий за выходом обновленных версий программы.
При обнаружении апдейта будет выдано уведомление, с которым нужно согласиться, после чего установка пройдет без вашего участия.
Точно так же просто можно удалить старую модификацию, скачать файл установки обновленной версии и инсталлировать приложение заново, запустив загруженный файл от имени администратора, что требуется в Windows модификаций седьмой и выше. Разумеется, чтобы средство обновления сработало вовремя, необходимо иметь на своем компьютерном терминале или ноутбуке активное подключение к интернету.
Использование эмуляторов Android
Напоследок можно предложить еще одно несколько нестандартное решение для тех пользователей компьютерной техники, которые предпочитают использовать в среде Windows эмуляторы Android-систем.
Например, в эмуляторе BlueStacks можете сразу перейти в файловое хранилище и выполнить установку или обновление апплета. В случае наличия инсталляционного файла формата APK установка выполняется с его использованием, но при этом сначала используется соответствующий пункт в основном меню, а затем указывается местоположение инсталлятора на жестком диске или съемном устройстве. Как уже понятно, в этом случае использовать программу, предназначенную для установки на ПК не нужно, поскольку в эмуляторе приложение будет работать ничуть не хуже. Но для самого эмулятора при его первичной установке необходимо соблюсти все минимальные требования, относящиеся к конфигурации компьютера или ноутбука, иначе среда Android не установится вообще (а если и установится, будет работать с повышенной нагрузкой на системные ресурсы).
Примечание: если вместе с «Гугл.Картами» вы используете связанные приложения вроде того же апплета для прокладки маршрута, может потребоваться и их обновление. Впрочем, для выполнения таких операций можете воспользоваться методами и советами, приведенными для основного апплета выше, поскольку все перечисленные действия будут точно такими же.