javascript - 如何将表单信息传递到单独页面上的谷歌地图中？

Question

我有两种形式，纬度和经度，即:

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

当我点击提交时，我想转到一个新页面，在该页面上绘制了一个带有以输入坐标为中心的标记的谷歌地图。

我知道如何绘制 map ，只是不确定如何将坐标从一个 HTML 页面传输到下一个 HTML 页面。有人可以举一个简单的例子吗？我假设表单应该有一个 action=something 和/或 method=something，但我以前从未这样做过。

这是 phonegap webapp 的一部分。我不确定在这种情况下是否可以使用 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 的信息。

以下示例由 Artem Barger 编写，摘自 How can I get query string values in 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.