2012-03-18 13 views
2

Iが送信をクリックすると、私は、私は、入力座標を中心とするマーカーでGoogleマップを描かれた新しいページに移動するために、2つの形態、緯度と経度、すなわち:フォーム情報を別のページのGoogleマップに渡すにはどうすればよいですか?

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

を望んています。

私は地図を描画する方法を知っていますが、私はちょうど1つのHTMLページから次の座標へ座標を転送する方法がわかりません。誰かが簡単な例を見せてくれますか?私は、アクション=何か、そして/またはメソッド=フォームの何かになるはずだと仮定していますが、これまでにやったことはありません。

これはphonegap webappの一部です。私はその文脈でクッキーを使用することが可能かどうかはわかりません。あなたのURLがフォーム上に書かれた緯度と経度の値xは、以下のようになっているはずフォームを送信すると

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

+0

「これはdoesnのを教えてくださいをいくつかのサーバー側のコードが必要です。私はこれが簡単なことだと思うべきです。 – Aerovistae

+0

これはjavascriptではなく、サーバー側で行う必要があります。私はこれをPHPや、あなたのサーバー側の言語が何であれ再タグ付けします。 – Fresheyeball

+0

これは単純ですが、実際にはサーバー上ではるかに簡単です。 – Fresheyeball

答えて

3

はそうのように、GETとしてあなた<form>方法を定義します。 map.htmlに続い

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

、URLから緯度と経度 情報を抽出するJavaScriptの一部を書き込みます。

次の例では、アルテムバーガーによって書かれた、あなたは、この機能を使用する場合は、あなたが何かするかもしれない、最後にHow can I get query string values in JavaScript?

から取られました:

var latitude = getParameterByName("latitude"); 
var longitude = getParameterByName("latitude"); 
//Pass latitude and longitude vars to Google Maps API. 
関連する問題