google使用jquery映射动态坐标
我试图让我的地图画布根据客户在其个人资料中单击的地址动态填充其位置。var地址返回正确,但var坐标返回为NaN,NaN。如果我在address变量中获取坐标,并在LatLng函数中手动输入它们,那么映射生成的结果就很好。由于某些原因,我无法使用变量使其工作,但贴图只是灰色的。如果您能提供任何建议或帮助,我们将不胜感激google使用jquery映射动态坐标,jquery,google-maps,google-maps-api-3,dynamic-programming,Jquery,Google Maps,Google Maps Api 3,Dynamic Programming,我试图让我的地图画布根据客户在其个人资料中单击的地址动态填充其位置。var地址返回正确,但var坐标返回为NaN,NaN。如果我在address变量中获取坐标,并在LatLng函数中手动输入它们,那么映射生成的结果就很好。由于某些原因,我无法使用变量使其工作,但贴图只是灰色的。如果您能提供任何建议或帮助,我们将不胜感激 $( ".address_string" ).click(function(event) { var address = this.getAttribute(
$( ".address_string" ).click(function(event) {
var address = this.getAttribute('data-coords');
var coords = new google.maps.LatLng(address);
var mapOptions = {
zoom: 18,
mapTypeId: google.maps.MapTypeId.HYBRID,
center: coords
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
});
例如,如果我在手动输入坐标的情况下运行下面的代码,它就可以正常工作。我在本例中使用的coords是直接从数据coords属性复制的,该代码段从其中一个地址上提取数据coords属性,这正是我运行alertaddress;时显示的内容
$( ".address_string" ).click(function(event) {
var address = this.getAttribute('data-coords');
var coords = new google.maps.LatLng(33.5385599, -112.095828);
var mapOptions = {
zoom: 18,
mapTypeId: google.maps.MapTypeId.HYBRID,
center: coords
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
});
找到了答案。我已经搜索了2天,但无法找到这个问题,并且一直推迟问我的问题,因为我知道我即将找到它。果不其然,在我发布20分钟后,我发现了