Javascript 从谷歌地图自动完成获取输入
如果输入为硬编码，则通常显示方向。问题是，我想要我自己的方向，为了让谷歌理解，我使用了AutoComplete，所以输入的格式可以识别。问题是，当我点击发送指令时，我得到了未防御的变量（警报显示）Javascript 从谷歌地图自动完成获取输入,javascript,html,google-maps,autocomplete,Javascript,Html,Google Maps,Autocomplete,如果输入为硬编码，则通常显示方向。问题是，我想要我自己的方向，为了让谷歌理解，我使用了AutoComplete，所以输入的格式可以识别。问题是，当我点击发送指令时，我得到了未防御的变量（警报显示） <!DOCTYPE html> <html> <head> <script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=plac
<!DOCTYPE html>
<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
</head>
<body onload="">
<div style="width: 600px;">
<form onsubmit="return myF()">
From:<input id="searchTextField" type="text" size="30">
To:<input id="searchTextField1" type="text" size="30">
<input type="submit" value="Sent" />
<div id="googleMap" style="width: 500px; height: 380px;"></div>
</form>
</div>
<script type="text/javascript">
var d1 = new google.maps.DirectionsRenderer();
var d2 = new google.maps.DirectionsService();
var ori = new google.maps.LatLng(48.508742, 12.120850);
var des = new google.maps.LatLng(42.508742, 13.120850);
function initialize() {
var map = new google.maps.Map(document.getElementById('googleMap'), {
zoom : 8,
center:ori,
mapTypeId : google.maps.MapTypeId.ROADMAP
});
d1.setMap(map);
}
function myF(){
var map = new google.maps.Map(document.getElementById('googleMap'), {
zoom : 8,
center:ori,
mapTypeId : google.maps.MapTypeId.ROADMAP
});
d1.setMap(map);
var input = document.getElementById('searchTextField');
var input1 = document.getElementById('searchTextField1');
var au = new google.maps.places.Autocomplete(input);
var au1 = new google.maps.places.Autocomplete(input1);
alert(au.value);
var req = {
origin: ori,
destination: des,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
d2.route(req, function(response, OK) {
d1.setDirections(response);
});
return false;
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
</html>
发件人：
致：
var d1=新的google.maps.DirectionsRenderer（）；
var d2=新的google.maps.DirectionsService（）；
var ori=new google.maps.LatLng（48.508742,12.120850）；
var des=新的google.maps.LatLng（42.508742,13.120850）；
函数初始化（）{
var map=new google.maps.map（document.getElementById（'googleMap'）{
缩放：8，
中心：ori，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
d1.设定地图（map）；
}
函数myF（）{
var map=new google.maps.map（document.getElementById（'googleMap'）{
缩放：8，
中心：ori，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
d1.设定地图（map）；
var input=document.getElementById（'searchTextField'）；
var input1=document.getElementById（'searchTextField1'）；
var au=new google.maps.places.Autocomplete（输入）；
var au1=新的google.maps.places.Autocomplete（input1）；
警报（au.值）；
var req={
来源：ori，
目的地：des，
travelMode:google.maps.Directions travelMode.DRIVING
};
d2.路由（请求，功能（响应，正常）{
d1.指示（回应）；
});
返回false；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；