Javascript 谷歌地图v3地理代码
我试图对一个地名进行地理编码,但是当我运行该函数时 我控制台中的“空字符串” 下面是我的代码,为什么会发生这种情况Javascript 谷歌地图v3地理代码,javascript,jquery,google-maps,google-geocoder,Javascript,Jquery,Google Maps,Google Geocoder,我试图对一个地名进行地理编码,但是当我运行该函数时 我控制台中的“空字符串” 下面是我的代码,为什么会发生这种情况 function getLatLong(address) { var geocoder = new google.maps.Geocoder(); var result = ""; geocoder.geocode( { 'address': address, 'region': 'uk' }, function(results, status) {
function getLatLong(address)
{
var geocoder = new google.maps.Geocoder();
var result = "";
geocoder.geocode( { 'address': address, 'region': 'uk' }, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
result = results[0].geometry.location;
} else {
result = "Unable to find address: " + status;
}
});
console.log(result);
}
更新
好的,我已经把我的值放到控制台上了,现在当我尝试将元素的值放入函数中时,我得到了未定义的返回值,下面是完整的代码
function getLatLong(address)
{
var geocoder = new google.maps.Geocoder();
var result = "";
geocoder.geocode( { 'address': address, 'region': 'uk' }, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
result = results[0].geometry.location;
return result;
} else {
result = "Unable to find address: " + status;
alert(result);
}
});
}
//getLatLong("YORK");
function loadScript(postcode){
alert(postcode);
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize?"+postcode;
document.body.appendChild(script);
}
/* load map on visitors location */
function initialize(postcode){
var myLatlng = new google.maps.LatLng(getLatLong(postcode));
var myOptions = {
center: myLatlng,
zoom:13,
disableDefaultUI: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map'), myOptions);
google.maps.event.trigger(map, 'resize');
map.setZoom(map.getZoom());
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
icon:'http://google-maps-icons.googlecode.com/files/home.png',
});
}
就这样叫,
$(function(){
$("dd a, dt a").live("click", function(){
var self = $(this);
$("#overlay").fadeIn('slow');
var targetProcent = 85;
var targetWidth = $(window).width() * (targetProcent / 100);
var targetHeight = $(window).height() * (targetProcent / 100);
var targetX = ($(window).width() - targetWidth) / 2;
var targetY = ($(window).height() - targetHeight) / 2 + $(document).scrollTop();
$('#lightbox').height(700);
$('#lightbox').width(targetWidth);
$('#lightbox').load(self.attr("href"));
loadScript($("#postcode").val());
//usePointFromPostcode(document.getElementById('postcode').value, placeMarkerAtPoint)
$('#lightbox').css({
"position": "absolute",
"top": targetY+"px",
"left": targetX+"px"
}).fadeIn('slow');
return false;
});
});
$(“#postcode”).val()与使用load()时加载的元素相关。您进行异步调用,然后打印到控制台。电话还没有回 解决方案: 将console.log移到回调中 编辑: 回调是作为参数传递给geocode的匿名函数,其签名是
函数(结果、状态)
您应该将控制台.log
调用放在该函数的末尾
为您的编辑编辑:
您的脚本url看起来是错误的:
"http://maps.google.com/maps/api/js?sensor=false&callback=initialize?"+postcode
我很确定加上?邮政编码没有任何作用。如果有的话,url应该只包含一个?在开始查询参数之前。
似乎要将邮政编码传递给initialize
函数,最简单的方法是通过全局变量
在加载脚本
函数中设置全局变量,并在初始化
函数更改}中读取该变量;控制台日志(结果)代码>到console.log(结果);})代码>