Fatal编程技术网
  • javascript/
  • 对Javascript变量使用表单字段

对Javascript变量使用表单字段

javascript html json

对Javascript变量使用表单字段,javascript,html,json,Javascript,Html,Json,我必须根据全球不同用户提供的坐标（经度和纬度）创建谷歌地图标记。这意味着每个用户都有一个标记，指向他们从表单中输入的位置。我有这样的谷歌地图： `<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Google Maps Multiple Markers</titl

我必须根据全球不同用户提供的坐标（经度和纬度）创建谷歌地图标记。这意味着每个用户都有一个标记，指向他们从表单中输入的位置。我有这样的谷歌地图：

`<!DOCTYPE html>
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<title>Google Maps Multiple Markers</title> 
<script
 src="http://maps.googleapis.com/maps/api/js?       key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>
<!--<script src="http://maps.google.com/maps/api/js?sensor=false"></script> -->
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script>
</head> 

`
谷歌地图多个标记



//定义您的位置：信息窗口的HTML内容、纬度、经度
//这是我想用用户表单字段替换的数据
变量位置=[
[Bondi Beach'，-33.890542151.274856]，
[Coogee Beach'，-33.923036151.259052]，
['Cronulla Beach'，-34.028249151.157507]，
[‘曼利海滩’，-33.80010128657071151.28747820854187]，
[‘马鲁布拉海滩’，-33.950198151.259302]，
];
//设置不同的图标和阴影
变量iconURLPrefix=http://maps.google.com/mapfiles/ms/icons/';
变量图标=[
iconURLPrefix+“red dot.png”，
//iconURLPrefix+“green dot.png”，
//iconURLPrefix+“blue dot.png”，
//iconURLPrefix+“orange dot.png”，
//iconURLPrefix+“purple dot.png”，
//iconURLPrefix+“pink dot.png”，
//iconURLPrefix+“黄点.png”
]
var icons_length=icons.length；
变量阴影={
主播：新google.maps.Point（15,33），
url:iconURLPrefix+'msmarker.shadow.png'
};
var map=new google.maps.map（document.getElementById（'map'）{
缩放：1，
中心：新google.maps.LatLng（51.508742，-0.120850），
mapTypeId:google.maps.mapTypeId.ROADMAP，
mapTypeControl:true，
街景控制：错误，
泛控制：错误，
ZoomControl选项：{
位置：google.maps.ControlPosition.LEFT_底部
}
});
var infowindow=new google.maps.infowindow({
最大宽度：160
});
var标记；
var markers=新数组（）；
var-iconCounter=0；
//将标记和信息窗口添加到地图
对于（var i=0；i=图标长度）{
i计数器=0；
}
}
函数AutoCenter（）{
//创建新的视点边界
var bounds=new google.maps.LatLngBounds（）；
//通过每个。。。
$.each（标记、函数（索引、标记）{
扩展（标记位置）；
});
//将这些边界拟合到地图上
映射边界（bounds）；
}
自动中心（）；
`
这是我的HTML表单

<form action="save.php" name="markpositioner" method="post">
<label for="latitude">Latitude:</label>
<input id="latitude" type="text" name="lat" value="" />
<label for="longitude">Longitude:</label>
<input id="longitude" type="text" name="lon" value="" />
<br>
<label for="address">Address:</label> 
<br>
<textarea rows="4" cols="50" id = "addr" name="txta"></textarea>
<br>
<input type ="submit" value= "Submit"/>
 </form>
<script type="text/javascript" src="gmap.js"></script>


纬度：
经度：


地址:
我的问题是如何用用户从表单中输入的位置替换上面javascript中的硬编码位置。我已经在网上读了很多文件，但还是找不到。我是Javascript新手。任何帮助都将不胜感激。谢谢

首先将“提交”按钮更改为：

<input type ="submit" value= "Submit" onClick="functionName()"/>
你想什么时候替换表单中的值？当用户填写表单并按submit.got时，我会很快给你写一些东西 
<input type ="submit" value= "Submit" onClick="functionName()"/>

function functionName(){

    var lat = document.getElementById("latitude").value;
    var lon = document.getElementById("longitude").value;
    var address = document.getElementById("addr").value;

    // do whatever you want now with those varialbes

}