Javascript 如何使用google api的placekicker的place_changed事件?
我几乎完成了,但我面临的一个问题是我的问题:-Javascript 如何使用google api的placekicker的place_changed事件?,javascript,jquery,google-places-api,gmsplacepicker,Javascript,Jquery,Google Places Api,Gmsplacepicker,我几乎完成了,但我面临的一个问题是我的问题:- I have successfully implement the placekicker with uk country only. Here is my code:- Input location here:<input id="searchTextField" type="text" size="50"> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.
I have successfully implement the placekicker with uk country only. Here is my code:-
Input location here:<input id="searchTextField" type="text" size="50">
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script>
var pac_input = document.getElementById('searchTextField');
$(function() {
var options = {
componentRestrictions: {
country: 'uk' //PUT YOUR COUNTRY CODE HERE!!
}
};
var autocomplete = new google.maps.places.Autocomplete(pac_input, options);
});
我仅在英国国家成功实施了placekicker。这是我的密码:-
此处输入位置:
var pac_input=document.getElementById('searchTextField');
$(函数(){
变量选项={
组件限制:{
国家:'英国'//请在此处输入您的国家代码!!
}
};
var autocomplete=new google.maps.places.autocomplete(pac_输入,选项);
});
当我运行上述代码时,它将只显示我的英国结果,即正确,但当我在上述代码中添加一些功能时,它将显示整个国家的记录。添加的代码如下所示:-
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', function () {
var places = new google.maps.places.Autocomplete(document.getElementById('searchTextField'));
google.maps.event.addListener(places, 'place_changed', function () {
var place = places.getPlace();
var address = place.formatted_address;
var latitude = place.geometry.location.lat();
var longitude = place.geometry.location.lng();
var mesg = "Address: " + address;
mesg += "\nLatitude: " + latitude;
mesg += "\nLongitude: " + longitude;
alert(mesg);
});
});
</script>
google.maps.event.addDomListener(窗口'load',函数(){
var places=new google.maps.places.Autocomplete(document.getElementById('searchTextField');
google.maps.event.addListener(places,'place_changed',函数(){
var place=places.getPlace();
var address=place.formatted\u地址;
var latitude=place.geometry.location.lat();
var longitude=place.geometry.location.lng();
var mesg=“地址:”+地址;
mesg+=“\n纬度:”+纬度;
mesg+=“\n长度:”+经度;
警报(mesg);
});
});
当我添加此代码时,它会给出我从placepicker中选择的每个地方的经度和纬度。现在的问题是,它会给出整个国家的数据,但当我删除此代码时,它会给出英国的结果。请帮帮我。我做错了什么。提前感谢:)尝试在自动完成功能中传递选项
var options = {
componentRestrictions: {
country: 'uk' //PUT YOUR COUNTRY CODE HERE!!
}
};
google.maps.event.addDomListener(window, 'load', function () {
var places = new google.maps.places.Autocomplete(document.getElementById('searchTextField'), options ); //// options added
google.maps.event.addListener(places, 'place_changed', function () {
var place = places.getPlace();
var address = place.formatted_address;
var latitude = place.geometry.location.lat();
var longitude = place.geometry.location.lng();
var mesg = "Address: " + address;
mesg += "\nLatitude: " + latitude;
mesg += "\nLongitude: " + longitude;
alert(mesg);
});
});