использование обычного цикла счетчиков для ввода пользователем собственной информации в маркер места

AlhimiyA

Ребята из правых игнорируют два моих последних поста, так как мне удалось разобраться в них самому, но этот требует усилий.

Кажется, я не особо внес свой вклад в свои последние посты и не знаю почему.

Я пытаюсь позволить пользователю вводить свою собственную информацию в свое место, например, ссылочный номер, но изо всех сил пытаюсь это сделать.

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

Может кто-нибудь помочь мне с этим, пожалуйста.

Код ниже — это то, что мне удалось сделать до сих пор. <голова>

Bbegles

Используйте функцию вставки (выберите «код») вместо того, чтобы просто копировать и вставлять код. Иначе сложно понять, что там происходит. Я поместил ваш код в jsfiddle и не уверен, что там вообще что-то работает: https://jsfiddle.net/ddsty2ts/1/

Есть ли у вас пример (например, с другого сайта) того, каким он должен быть?

Bobuk1

Меня устраивает.

Просто удалите или оставьте комментарий к этому:

 
var markers = [];

function createMarker(latlng, html, map) {
 var infowindow = new google.maps.InfoWindow({
 content: html
 });
 var marker = new google.maps.Marker({
 map: map,
 position: latlng
 });
 marker.addListener('mouseover', function() {
 infowindow.open(map, this);
 });
 marker.addListener('mouseout', function() {
 infowindow.close();
 });
 markers.push(marker);
}

// declare namespace
var up206b = {};

var map;

function trace(message) {
 if (typeof console != 'undefined') {
 console.log(message);
 }
}

up206b.initialize = function() {
 var latlng = new google.maps.LatLng(52.136436, -0.460739);
 var myOptions = {
 zoom: 13,
 center: latlng,
 mapTypeId: google.maps.MapTypeId.ROADMAP
 };
 map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
 up206b.geocode();
}

var geocoder = new google.maps.Geocoder();

up206b.geocode = function() {
 for (var i = 0; i < markers.length; i++) {
 markers = [];
 }

 var bounds = new google.maps.LatLngBounds();
 var addresses = [$('#address').val(), $('#address2').val()];

 addresses.forEach(function(address) {
 if (address) {
 geocoder.geocode({
 'address': address
 }, function(results, status) {
 if (status == google.maps.GeocoderStatus.OK) {
 map.setCenter(results[0].geometry.location);
 createMarker(results[0].geometry.location, address, map);
 bounds.extend(results[0].geometry.location);
 map.fitBounds(bounds);
 } else {
 alert("Geocode was not successful for the following reason: " + status);
 }
 });
 }
 });
}

Код (разметка): Что это должно делать?

Однако это работает только для первой отправки.

Если вы хотите, чтобы это работало неоднократно, вам следует изменить:

  for (var i = 0; i < markers.length; i++) { markers = []; }

Код (разметка): to

  for (var i = 0; i < markers.length; i++) { markers.setMap(null); } markers = [];

Код (разметка): Вот полный код:

  declare namespace

Код (разметка):

Leonspb

Это может показаться глупым, но я не знаю, как это сделать.

Я написал весь этот код в Dreamweaver на html-странице, и при тестировании через браузер он работает.

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

Затем, когда вы наводите курсор мыши на маркеры, отображается информационное окно с почтовым индексом.

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

Schizo

У меня нет примера, поскольку я все это сделал сам.

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

В настоящее время все работает так, как я хочу, я просто хочу, чтобы он делал то, о чем я просил помощи.

Пожалуйста, может кто-нибудь дать мне несколько советов, так как я в полном тупике.

Похожие темы	Дата
Евгений Попов Интернет-магазин Под Ключ На Php, Mysql, Javascript, Ajax	19.12.2024, 05:12
Рафаэлло Чекко - Графика На Javascript	19.12.2024, 05:12
[Владилен Минин] React Native 2020. Мобильная разработка на JavaScript (курсы)	19.12.2024, 05:12
[lynda.com] Основной Курс По Javascript	19.12.2024, 05:12
Datepicker отключил даты из текстового файла	19.12.2024, 05:12
Вопрос по коду Javascript для обратного подсчета	19.12.2024, 05:12
Анимация Jquery не работает	19.12.2024, 05:12
ajax и обратные вызовы	19.12.2024, 05:12
JavaScript Essential - Охрименко (2013)	19.12.2024, 05:12
Подборка книг по JavaScript (pdf-файлы)	19.12.2024, 05:12

использование обычного цикла счетчиков для ввода пользователем собственной информации в маркер места

AlhimiyA

Bbegles

Bobuk1

Leonspb

Schizo

I AM

Интересно