現在、開始条件 (国の西、北、東、南の地理座標) をハードコーディングする HTML+JS Web ページが 1 つあります。
var WNES = { "W": 67.0, "N":37.5, "E": 99.0, "S": 5.0, "item":"India" };
ただし、約180か国のデータをデータマイニングしただけなので、次のものもあります。
var WSEN_list = [
{"W":60.504050405040545;"S":29.306134923492337;"E":75.1575157515752;"N":38.47551472547255;"item":"Afghanistan"},
{"W":11.611161116111646;"S":-17.94743030603061;"E":24.068406840684105;"N":-4.453854347434742;"item":"Angola"},
{"W":19.279927992799315;"S":39.62168720072006;"E":21.00810081008106;"N":42.67814713471347;"item":"Albania"},
{...}
];
<select>
エンドユーザーに html要素を使用して国を選択してもらいたい:
<form>
Select your country:
<select id="mySelect">
<option>Afghanistan</option>
<option>Albania</option>
<option>Angola</option>
</select>
</form>
次に、ユーザーが選択した項目の値 (例: "Angola") を保存するため、このキーを使用してデータと状態のリストを検索できます。
var WNES = {"W":11.611161116111646;"S":-17.94743030603061;"E":24.068406840684105;"N":-4.453854347434742;"item":"Angola"};
WSEN_list から WNES を更新するような選択ボタンとシステムを実行するにはどうすればよいですか?
解決策:このフィドルを参照してください