我一直在玩代码,我有一些近乎可行的东西,但坐标实际上并没有移动到我的输入框。我已经重新检查了几次代码,控制台没有显示错误,所以我有点卡住了。
以下是我的代码:fiddle
这是我的实际代码:
<script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=true&libraries=places"></script>
<script type="text/javascript" src="https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js"></script>
<script type="text/javascript">
// SET COOKIE FOR TESTING
$.cookie("country", "UK");
// GEOCODE RESULT
function geocode(){
var GeoCoded = { done: false };
var input = document.getElementById('loc');
var options = { types: ['geocode']};
var country_code = $.cookie('country');
alert(country_code);
if (country_code) { options.componentRestrictions= { 'country': country_code }; }
var autocomplete = new google.maps.places.Autocomplete(input, options);
$('#searchform').on('submit',function(e){
if(GeoCoded.done)
return true;
e.preventDefault();
var geocoder = new google.maps.Geocoder();
var address = document.getElementById('loc').value;
$('#searchform input[type="submit"]').attr('disabled',true);
geocoder.geocode({
'address': address
},
function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
$('#lat').val(results[0].geometry.location.lat());
$('#lng').val(results[0].geometry.location.lng());
GeoCoded.done = true;
alert("Geocoded!");
$('#searchform').submit();
} else {
$('#searchform input[type="submit"]').attr('disabled',false);
alert("We couldn't find this location")
}
});
});
};
</script>
<body onload="geocode()">
<form name="searchform">
<input class="kw" id="keyword" placeholder="Keyword"></input>
<input id="loc" placeholder="Location" type="text"></input>
<input type="submit" value="Search" id="search">
<input class="hidden" id="lat" disabled="true" placeholder="lat"></input>
<input class="hidden" id="lng" disabled="true" placeholder="lng"></input>
</form>
如果有人能指出我正确的方向,我会非常感激
答案 0 :(得分:2)
选择器#searchform
与您的表单不匹配,表单没有设置id属性。
使用选择器form[name="searchform"]
或将表单的ID设置为searchform
jquery.cookie.js
与内容类型"text/plain"
一起提供,因此(在某些浏览器中)将被忽略,由于未定义$.cookie
会导致错误