Как передать информацию формы на карту Google на отдельной странице?

Question

У меня есть две формы, широта и долгота, то есть:

<form action="">
Latitude <input type="text" name="latitude" /><br />
Longitude: <input type="text" name="longitude" /><br />
<input type="submit" value="Continue">
</form>

Когда я нажимаю кнопку Отправить, я хочу перейти на новую страницу, на которой нарисована карта Google с маркером в центре навведите координаты.

Я знаю, как нарисовать карту, я просто не уверен, как перенести координаты с одной HTML-страницы на следующую.Может кто-нибудь показать быстрый пример?Я предполагаю, что должно быть действие = что-то и / или метод = что-то для формы, но я никогда не делал этого раньше.

Это часть веб-приложения для телефонной пробелы.Я не уверен, возможно ли использовать файлы cookie в этом контексте.

Answer 1

Определите ваш <form> метод как GET, например:

<form action="map.html" method="GET">

Когда вы отправляете форму, ваш URL должен выглядеть примерно так, как X, значения широты и долготы, записанные в форме.

http://www.example.com/map.html?latitute=X&longitue=X

Затем, на map.html напишите фрагмент JavaScript, который извлекает широту и долготу информация из URL.

Следующий пример был написан Артемом Баргером и взят из Как получить значения строки запроса в JavaScript?

function getParameterByName(name)
{
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.search);
  if(results == null)
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}

Наконец, если вы используете эту функцию, вы можете сделать что-то вроде:

var latitude = getParameterByName("latitude");
var longitude = getParameterByName("latitude");
//Pass latitude and longitude vars to Google Maps API.