Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.88/8: Рейтинг темы: голосов - 8, средняя оценка - 4.88
6 / 6 / 5
Регистрация: 15.01.2016
Сообщений: 220

Приминение геолокации google в поле для ввода текста

26.05.2017, 12:58. Показов 1761. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
есть input, в которое вводится название города. Но необходимо прикрутить поиск города по геолокации при нажатии на маркер (см картинку)

вопрос с чего начать. Может кто-нибудь сталкивался уже с такой задачей?

первое, что по этому вопросу в гугле показывает это эту тему - ссыль но что-то довольно сложно, и то ли это?
Изображения
 
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
26.05.2017, 12:58
Ответы с готовыми решениями:

HTML!? Есть поле ввода Type text, после ввода текста и нажатия entrer теряется фокус, как его оставить в этом же поле?
HTML!? Есть поле ввода Type text, после ввода текста и нажатия entrer теряется фокус, как его оставить в этом же поле?

Поле ввода для большого текста
На странице необходимо организовать ввод запроса в виде текста. С символами переноса строки и т.п. В textBox такое не работает. При нажатии...

Текст в поле для ввода текста
В html есть возможность добавления в поле для ввода текста затемнённой строки для пояснения, можно ли подобное с каким-нибудь компоненттом...

4
6 / 6 / 5
Регистрация: 15.01.2016
Сообщений: 220
26.05.2017, 13:25  [ТС]
или может быть кто нибудь видел уже такое, то кинул бы ссылку на сайт, я бы посмотрел JS код, как у них сделано
0
6 / 6 / 5
Регистрация: 15.01.2016
Сообщений: 220
29.05.2017, 14:05  [ТС]
тогда другой вопрос: в input же невозможно добавить никакие маркеры? Выходит маркер размещаем за пределами input ?
0
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
29.05.2017, 14:32
Цитата Сообщение от And82 Посмотреть сообщение
в input же невозможно добавить никакие маркеры?
Нельзя. Вам придётся кастомизировать собственный инпут, используя магию CSS. Верстаете инпут, справа от него вплотную приделываете кнопку с картинкой маркера. Делаете у инпута и кнопки стили таким образом, чтобы кнопка казалась как бы продолжением инпута.
Цитата Сообщение от And82 Посмотреть сообщение
необходимо прикрутить поиск города по геолокации при нажатии на маркер
Вы можете воспользоваться встроенным браузерным геолокатором или альтернативным от яндекса или гугла. Первый метод проще, но браузер будет запрашивать разрешение у пользователя на определение геопозиции.
1
6 / 6 / 5
Регистрация: 15.01.2016
Сообщений: 220
30.05.2017, 12:14  [ТС]
в общем код такой :
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
 
  var geocoder;
 
// проверяем барузер на геолокацию
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
} 
 
//получаем долготу и широту
function successFunction(position) {
    var lat = position.coords.latitude;
    var lng = position.coords.longitude;
    codeLatLng(lat, lng)
}
 
 
function errorFunction(){
    alert("Geocoder failed");
}
 
 function initialize() {
    geocoder = new google.maps.Geocoder();
  }
 
 
  function codeLatLng(lat, lng) {
 
    var latlng = new google.maps.LatLng(lat, lng);
 
    geocoder.geocode({'latLng': latlng}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
      console.log(results)
        if (results[1]) {
 
         //форматированный адрес
         alert(results[0].formatted_address)
 
        //поиск названия страны
             for (var i=0; i<results[0].address_components.length; i++) {
            for (var b=0;b<results[0].address_components[i].types.length;b++) {
 
            // administrative_area_level_1 - это из документации Гугла. Тоесть только название города.
 
                if (results[0].address_components[i].types[b] == "administrative_area_level_1") {
                    //this is the object you are looking for
                    city= results[0].address_components[i];
                    break;
                }
            }
        }
        //название города
        alert(city.short_name + " " + city.long_name)
 
 
        } else {
          alert("No results found");
        }
      } else {
        alert("Geocoder failed due to: " + status);
      }
    });
  }

можно ли как то пихнуть, что бы название города появлялось в input вместо alert? Jquery ?
JavaScript
1
 $('#id').val(city.short_name + " " + city.long_name);
так?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
30.05.2017, 12:14
Помогаю со студенческими работами здесь

Как программно изменить цвет текста в поле ввода и как выделить весь текст в поле ввода по умолчанию
Как программно изменить цвет текста в поле ввода и как выделить весь текст в поле ввода по умолчанию? Т.е. надо чтоб по ходу выполнения...

Как создать поле для ввода текста?
{$apptype windows} {$reference System.Windows.Forms.dll} uses System.Text, System, System.Windows.Forms, ...

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

Создать поле для ввода текста, радио кнопки
&lt;!--Создать поле для ввода текста, радио кнопки, в которых указан тип шрифта и кнопку при нажатии, на которую введенный текст отображается...

Выпадающий список. как вызвать поле для ввода текста
Всем привет есть связные выпадающие списки &lt;select id=&quot;level&quot; onchange=&quot;showNames(this.value)&quot;&gt; &lt;option...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
1С: Контроль уникальности заводского номера
Maks 23.03.2026
Алгоритм контроля уникальности заводского (или серийного) номера на примере документа выдачи шин для спецтехники с табличной частью. Данные берутся из регистра сведений, по которому настроено. . .
Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения
anaschu 22.03.2026
e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git
1С: Программный отбор элементов справочника по группе
Maks 22.03.2026
Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .
Как я обхитрил таблицу Word
Alexander-7 21.03.2026
Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .
Krabik - рыболовный бот для WoW 3.3.5a
AmbA 21.03.2026
без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .
1С: Программный отбор элементов справочника по значению перечисления
Maks 21.03.2026
Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит значение перечислений. / / Событие "НачалоВыбора" реквизита на форме. . .
Переходник USB-CAN-GPIO
Eddy_Em 20.03.2026
Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .
Оттенки серого
Argus19 18.03.2026
Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru