Parus16.ru

Парус №16
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Встройте в свой веб-сайт готовые карты от Google

Встройте в свой веб-сайт готовые карты от Google

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

Обзор урока

o Google Maps API
o Получаем координаты
o Встраиваем карту в ваш сайт
o Добавляем маркеры
o Настройка маркеров
o Добавляем информационные блоки

Google Maps API

Google Maps API позволяет встраивать карты прямо в страницы вашего сайта. Для чего вам потребуется немного JavaScript, а для создания красивого оформления — немного CSS. Только что выпущена Google Maps API версия 3 и мы именно ее возьмем за основу. Вы можете ознакомиться со всей документацией на Google Labs, и пока будете просматривать информацию обязательно получите ключ к API Карт.

Получаем координаты

Полагаю, что вы, врядли, знаете точные координаты расположения вашей фирмы, поэтому объясню вам очень простой способ для их получения, который предлагает Google. Зная точный адрес вы можете вписать его в URL-адрес следующим образом:

Вписав его подобным образом в адресную строку, вы получите следующие данные:

Это координаты Центрального управления компании Apple в Купертино

Первое число — это константа, и 200 означает, что операция прошла успешно. Второе число указывает на сколько точно указывается адрес, в данном случае 8 говорит о довольно высокой точности. Два последних значения — это широта и долгота, именно они нам и нужны.

Встраиваем карту в ваш сайт

Теперь давайте, наконец, добавим карту на сайт! Откройте любимый HTML -редактор и создайте стандартный HTML-файл с кодировкой UTF-8. Сперва создадим центр проекции (точку фотографирования) и укажем в нашем HTML-файле путь на JavaScript, находящийся на сайте Google Code. Заключите следующие строчки между тегами <head> и </head>:

В коде после ссылки идет свойство sensor=false. Так как нам не нужны сенсоры, GPS и нет необходимости определять чье-либо местонахождение.

Под кодом, который мы только что вставили, введите следующее:

Давайте немного разберемся с кодом. Во второй строке задаем функцию initialize(). В ней мы и зададим основные настройки нашей карты. В третьей строке вводим переменную latlng. latlng означает географические широту и долготу. Переменная содержит координаты, которые будем использовать как центр нашей карты.
Затем вводится переменная settings, содержащая большой список параметров:

— zoom задает, как вы, наверное, уже догались, на сколько будет увеличена карта.
— center задает центральную точку.

Прописывая latlng, мы ссылаемся на координаты уже прописанные в этой переменной.

Следующие параметры кода несколько минимализируют разметку карты. Кнопки управления в верхнем правом углу (Карта, Спутник, Ландшафт) заменяются на ниспадающее меню, и кнопки задающие масштаб заменяются на маленькие рычажки.

mapTypeId: google.maps.MapTypeId.ROADMAP определяет тип нашей карты, это будет дорожная карта, но вы легко можете сменить тип на SATELLITE (спутниковая карта), HYBRID (карта-гибрид) или TERRAIN (ландшафтная карта).

Далее пишем следующее:

В нем вводим переменную map, она определяет, что наша карта будет использовать все заданные выше настройки.

Читайте так же:
Можно ли записать диск для ps2

и закрываем функцию, перейдем к созданию тела страницы:

Таким образом мы заставляем наш сайт при загрузке активизировать функцию initialize() и задаем в теге <div> размер для нашей карты.

Добавляем маркеры

Пора добавить некоторую разметку. Давайте начнем с создания стандартного маркера:

Итак, разберемся с кодом.

Сначала мы задали переменную companyPos, с помощью которой устанавливают расположение маркера. Далее, мы создали сам маркер посредством переменной companyMarker. Вы можете конечно вписать еще ряд параметров, а с теми, которые мы уже указали, я думаю все ясно.

Хотя того, что мы уже сделали, вполне достаточно и ваш клиент легко вас найдет, мы можем нашу карту слегка приукрасить. Создайте в Photoshop изображение размером 100×50 пикселей подобное этому:

Далее создадим у нашего изображения тень

Теперь заменяем стандартный маркер этими изображениями, соответственно изменяем и код:

Данный код тоже довольно простой. Переменная companyLogo указывает на название нашего логотипа, задает его размер, путь к нему и координаты расположения кончика логотипа (то есть то место, в котором наш логотип касается карты). Затем те же самые параметры настраиваем и для изображения тени с помощью переменной companyShadow. И наконец посредством переменной companyMarker мы выводим изображение и его тень на карту.

Чтобы добавить еще маркеры, воспользуйтесь тем же способом, только не забудьте сменить названия переменных.

Если вам нужно расположить несколько маркеров очень близко друг к другу, воспользуйтесь z-индексом. Маркер с самым высоким значением z-индекса будут всегда сверху:

Параметр z-index позволяет вам выбрать какой маркер будет поверх всех

Добавляем информационные блоки

Вы можете ввести описание компании с помощью информационного блока, появляющегося при нажатии на логотип. Благодаря Google Maps API это сделать проще простого.

Щелчок на логотип вашей компании будет активизировать информационный блок.

Вставьте данный код сразу под переменной map:

И этот код тоже необыкновенно прост. Вот здесь есть простор для ваших идей, так как в информационном блоке можно расположить не только название и пару тройку параграфов, но и изображения. А чтобы описание появлялось по щелчку на логотип, впишите этот код сразу после закрывающей >функции initialize():

Приукрасьте немного ваш блок, добавив стилей в ваш stylesheet-файл:

Вот и все! Теперь вы сможете встроить Google карту в любой проект.

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.stiern.com
Перевел: Максим Шкурупий
Урок создан: 28 Октября 2009
Просмотров: 100764
Правила перепечатки

5 последних уроков рубрики «Разное»

Как выбрать хороший хостинг для своего сайта?

Выбрать хороший хостинг для своего сайта достаточно сложная задача. Особенно сейчас, когда на рынке услуг хостинга действует несколько сотен игроков с очень привлекательными предложениями. Хорошим вариантом является лидер рейтинга Хостинг Ниндзя — Макхост.

Как разместить свой сайт на хостинге? Правильно выбранный хороший хостинг — это будущее Ваших сайтов

Проект готов, Все проверено на локальном сервере OpenServer и можно переносить сайт на хостинг. Вот только какую компанию выбрать? Предлагаю рассмотреть хостинг fornex.com. Отличное место для твоего проекта с перспективами бурного роста.

Разработка веб-сайтов с помощью онлайн платформы Wrike

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

Читайте так же:
Гугл плей маркет пишет нет подключения
20 ресурсов для прототипирования

Подборка из нескольких десятков ресурсов для создания мокапов и прототипов.

Топ 10 бесплатных хостингов

Небольшая подборка провайдеров бесплатного хостинга с подробным описанием.

Как определить координаты своего местоположения с помощью смартфона

Грибной и ягодный сезон уже в разгаре, и бывает так, что, гуляя по лесу, вы понимаете, что заблудились. В этой статье мы хотим рассказать, как можно определить координаты своего местоположения с помощью смартфона (телефон с сенсорным экраном). Любой современный смартфон не только с успехом заменяет обычную карту, но и вполне может поспорить со специализированными GPS — устройствами. Приложения смартфона способны помочь найти дорогу, где бы вы не находились: в городе, за городом, в лесу или даже в торговом центре.

Большинство смартфонов работают под управлением операционных систем Apple iOS и Android.

1. Смартфон с операционной системой Apple iOS( iPhone или iPad)
Для определения координат своего местонахождения нужно зайти в приложение «Компас». Затем телефон нужно откалибровать (просто поводить по кругу, повращать в горизонтальной плоскости экраном вверх). Внизу (иногда вверху) появятся координаты. Если после калибровки координаты не появились, надо нажать на серую (на иных устройствах — синюю) точку в центре экрана и удерживать секунд 10. Внизу появятся координаты.

2. Смартфон с операционной системой Android
Для определения координат своего местонахождения нужно зайти в приложение «Карты». Если это приложение сразу не видно, то ищем приложение «Google». Далее в приложении «Google» находим приложение «Карты».
Справа на экране нажимаем на значок мишени и удерживаем секунд 10. Возможно, возникнет всплывающее окно «Чтобы улучшить работу приложения включите на устройстве геолокацию Google», и предложат варианты ответа: «Нет, спасибо», «ОК». Нажимаем «ОК». После этого в центре экрана появляется серая (или синяя) точка. Нажимаем на нее и удерживаем секунд 10. Рядом с точкой появляется значок местоположения, а вверху экрана координаты.

Как только у вас на смартфоне определились координаты, их нужно записать. В зависимости от марки смартфона, координаты могут быть в разном формате: 64.527603, 40.574157 (Android) или 64°31ʹ40ʹʹс.ш. 40°34ʹ10ʹʹ в.д. (Apple iOS).

Записать надо все точно, со всеми символами и знаками. А где записать, если вы в лесу? Можно взять палку и начертить координаты на земле, песке и т.д.

Теперь звоним в центр обработки вызовов 112 «Службы спасения им. И.А. Поливаного» по телефону 112. Телефон бесплатный, можно дозвониться с отрицательным балансом и даже без сим карты. Оператор ЦОВ 112 переведет ваш звонок на диспетчера информационно-диспетчерского центра (ИДЦ) «Службы спасения им. И.А. Поливаного». Диспетчер проведет подробный опрос и определит ваше местонахождение на карте: точное — если вы предоставите координаты, или примерное — по описанию ваших передвижений по лесу. Далее вас будут выводить «по телефону», ориентируя по солнцу, ветру, природным признакам и линейным ориентирам.

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

Автор статьи: Ольга Сотникова, начальник ИДЦ «Службы спасения им. И.А. Поливаного»
Интеллектуальный вдохновитель: Дмитрий Неверов

Как выполнить поиск по координатам на карте: Яндекс

1. Системы координат, применяемые в топографии: географические, плоские прямоугольные, полярные и биполярные координаты, их сущность и использование Координатами называются угловые и линейные величины (числа), определяющие положение точки на какой-либо поверхности или в пространстве.

Читайте так же:
Интернет банк газпромбанк вход в систему

Как узнать текущие координаты

Определение параметров текущего местоположения на любом устройстве осуществляется в рамках трех основных этапов:

  • предоставление доступа к геопозиции пользователя;
  • загрузка или открытие приложения для навигации;
  • поиск графы, в которой уточняются данные местоположения.

Рассмотрим, как уточнить GPS координаты на онлайн-картах на компьютере и встроенных в смартфоны навигаторах. Если хотите иметь точние координати по GPS можете посмотреть тут.

На компьютере

Чтобы определить координаты по текущему или иному адресу на десктопном устройстве:

  1. Откройте любой веб-обозреватель и перейдите в базовые настройки через меню.
  2. Найдите раздел касательно конфиденциальности и безопасности использования браузера.
  3. Выберите пункт «Настройки сайта» – активируйте ползунок параметра «Местоположение».
  4. Перейдите на страницу с онлайн-картой, например, GoogleMaps.
  5. Кликните на свою геолокацию – на экране появится миниатюрное окно с подробным описанием выбранного места.

Предоставление доступа к местоположению пользователя может различаться в веб-обозревателях, однако принцип действий остается тем же – в основном нужный параметр располагается в настройках веб-сайтов.

На Android

Для определения значений широты и долготы точки на Android:

  1. Перейдите в пункт «Конфиденциальность» в главных настройках.
  2. Откройте вкладку «Геоданные» и переведите ползунок сверху в активный режим.
  3. Найдите в меню Google Карт.
  4. Удерживайте палец на нужной точке.
  5. Кликните на нижний блок экрана и пролистайте страницу вниз.

Данные координат также отобразятся в строке поиска после выбора точного адреса.

Как узнать координаты на iPhone: Компас

Чтобы понять, как узнать координаты на iOS, достаточно открыть встроенное приложение Компас. Для начала проверьте, включены ли у вас службы геолокации. При помощи строки поиска на iPhone найдите Компас. В нижней части экрана будут показаны ваши координаты. Их можно легко скопировать и отправить при помощи мессенджеров или СМС.

Как узнать координаты на Яндекс.Карты

Один из универсальных инструментов, подходящий под все операционные системы. Скачать приложение можно в Google Play или App Store.

Зайдите в приложение, предварительно включив режим гео-позиционирования. Разрешите картам доступ к нему. После этого приложение точно определяет местоположение. Узнать координаты на Яндекс просто: достаточно нажать на точку, и они появятся внизу. При помощи значка справа от координат их можно скопировать и переслать.

Формат координат

Все координатные данные в Яндексе представлены в формате широта + долгота. Вывод местоположения производится в 2-х вариантах:

  • Градусы, минуты и указание направления, которое может быть северным, южным, западным и восточным. Выглядит это так: 56°45′ с. ш., 95°57′ в. д. — это местоположение точки в одном из районов Красноярского края.
  • Градусы без минут, но с десятичными долями. Эти координатные данные предоставляются через запятую, а десятичные доли указываются после точки. Приведем пример: 56.880206, 60.586024 — координаты города Екатеринбург.

В первом варианте перед литерой «ш» (широта) и «д» (долгота) указана еще одна литера, соответственно, «с» — северная и «в» — восточная. Эту букву обычно указывают либо перед цифрами через пробел, либо после:

  • N – Север;
  • W – Запад;
  • S – Юг;
  • E – Восток.

Как ввести координаты чтобы найти точку

В сервисе возможно и обратное действие — поиск точки по введённым координатам. Для этого надо в строку поиска ввести широту и долготу, причём ввести географические координаты в Яндекс. Картах надо именно в таком порядке — сначала широта, затем долгота. Это международный формат, который принят и используется везде, в том числе и в Гугл Мапс и GPS-навигаторах.

Читайте так же:
В каком году появилась первая железная дорога

Для примера, давайте выполним поиск места приземления первого космонавта — Юрия Алексеевича Гагарина. Его координаты — 51.27168N,46.11656E. Вводим их в строку поиска:

поиск точки по координатам в яндексе

Нажимаем кнопку найти и… вот оно — место приземления на карте:

определение координат на карте яндекс

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

Как определить координаты широты и долготы на карте

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

Для этого на карте слева нужно найти интересующее вас место и кликнуть по нему 1 раз левой кнопкой мыши.

как определить координаты широты и долготы на карте

После этого место будет отмечено красным маркером с буквой, а в белом окне правее под словами “Чтобы определить координаты произвольного объекта необходимо сделать ClicK мышью по карте:” будут указаны точные координаты широты и долготы отмеченного вами места на карте в следующем формате:

[имя точки на карте]:[широта];[долгота].

Теперь вы знаете как определить координаты широты и долготы нужного места на яндекс карте и как по координатам найти место на яндекс карте онлайн.

Лучший способ отблагодарить автора статьи- сделать репост к себе на страничку
как определить координаты широты и долготы на карте найти место на карте по координатам найти место на яндекс карте по координатам найти по координатам место на карте яндекс

Как узнать координаты по Гугл Картам

Узнать координаты Гугл легче всего при помощи десктопной версии карт. Это может пригодиться, если вам нужно отправить какую-то точку из дома.

Для этого зайдите на сайт maps.google.ru. Он мгновенно определит ваше местоположение и покажет его внизу страницы.

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

Узнать координаты на GPS-навигаторе Garmin GPSmap

У многих опытных туристов есть еще один способ узнать долготу и широту: при помощи GPS-навигатора. Один из самых распространенных устройств — Garmin GPSmap. Это туристический портативный прибор, позволяющий определять местоположение как по спутникам системы GPS так и в системе ГЛОНАСС.

При включении прибор автоматически определяет координаты и все время записывает трек. Чтобы узнать текущие координаты достаточно нажать кнопку «MARK» которая находится на передней части навигатора. Кнопка предназначена для сохранения текущего местоположения в памяти устройства. При нажатии на кнопку на экране отображается форма с текущими координатами, которые вы впоследствии можете сообщить МЧС.

Как перевести координаты из одной системы в другую

Координаты могут быть десятичные вида DD.DDDDD (к примеру 50.67916 в.д., 40.841666 с.ш.) и географические (вида DD MM SS DD.DDDDD: 50° 40′ 45» в.д., 40 50′ 30» с.ш.). Чтобы перевести координаты из одной системы в другую, легче всего воспользоваться специальными онлайн-сервисами. Например, https://planetcalc.ru/1129/. Также используйте простую формулу: DDD = DD + MM/60 + SS/3600.

Читайте так же:
Госуслуги главная страница вход

Как правильно вводить координаты в навигатор?

Как правильно вводить координаты

  1. Вместо d используйте символ градуса.
  2. Используйте в качестве десятичного разделителя точку, а не запятую. Неправильно: 41,40338, 2,17403 . …
  3. Указывайте сначала широту, а затем долготу.
  4. Для широты используйте значения в диапазоне от -90 до 90.
  5. Долготу указывайте в диапазоне от -180 до 180.

Как посмотреть свои координаты в Яндекс навигаторе?

Посмотреть координаты в Яндекс. Навигаторе несложно.

Построение маршрута в приложении

  1. Нажать кнопку поиска.
  2. Вбить адрес или координаты.
  3. Нажать «Поехали».

Как правильно вводить координаты в Навител?

Поиск по координатам GPS в картах подобных Navitel осуществляется следующим образом:

Как узнать GPS-координаты локации на iPhone

Многие приложения используют вашу локацию для обеспечения работы сервисов на основе вашего местоположения. Всё это происходит в фоновом режиме, и приложения используют GPS-координаты, чтобы обозначать максимально точное местонахождение.

maps-app-in-iPhone-hand

Обычному пользователю редко приходится узнавать свои GPS-координаты, но есть и такие, кому эти данные важны. Если вы – один из таких людей, мы расскажем, как узнать свои координаты на iPhone.

Что такое GPS-координаты?

Координаты определяются географической широтой и долготой какой-либо локации. Широта измеряется дугой меридиана от экватора до параллели данной точки, а долгота определяет положение точки на поверхности Земли относительно начального (Гринвичского) меридиана. Если хотите узнать больше, почитайте статью в Википедии.

Как узнать координаты в Картах

Чтобы узнать свои координаты, не нужно даже стороннее приложение. Это можно сделать в Картах.

Чтобы просмотреть свои координаты, откройте Карты, нажмите на стрелку в правом верхнем углу, а затем на синюю точку, обозначающую ваше положение. Проведите по экрану вверх, чтобы открыть свои координаты. К сожалению, скопировать их нельзя, но ниже мы расскажем о том, как сделать это в другом приложении.

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

Как узнать координаты через Компас

Ещё одно стандартное приложение, в котором можно узнать свои координаты, это Компас. Его минус в том, что здесь вы можете узнать координаты только своей локации. А плюс – в том, что их можно легко скопировать.

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

Чтобы их скопировать, зажмите данные, пока не появится значок копирования.

Как узнать координаты в Google Maps

Если вы не любите стандартные приложения и предпочитаете Google Maps, то координаты можно узнать и в нём.

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

Чтобы скопировать координаты, просто зажмите их.

Как найти локацию по GPS-координатам

Допустим, у вас есть только координаты места, и вам нужно найти его на карте. Просто вставьте их в строку поиска в Картах или Google Maps, и приложения покажут эту локацию.

Вы можете проложить маршрут от своего местоположения к данной локации или просто понять, где она находится.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector