我正在使用 Google 地图地理编码器来获取地址的纬度和经度。然后，我获取该地址并使用 Leaflet 并将地图平移到纬度 + 经度坐标。但是，我收到 Firebug 的错误消息Error: Invalid LatLng object: (-33.8674869, 151.20699020000006, undefined)。我知道我的变量geolocation回报-33.8674869, 151.20699020000006但不是未定义的。是什么导致了这个问题？
<body onload="initialize()">
<div id="result"></div>
<div>
<input id="address" type="textbox" value="Sydney, NSW">
<input type="button" value="Geocode" onclick="codeAddress()">
</div>
<div id="map"></div>
<script type="text/javascript">
var map = L.map('map').setView([33.7489954, -84.3879824], 13);
var geocoder;
function initialize() {
geocoder = new google.maps.Geocoder();
}
function codeAddress() {
var address = document.getElementById('address').value;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var geolocation = String(results[0].geometry.location);
var geolocation = geolocation.replace('(','');
var geolocation = geolocation.replace(')','');
map.panTo([geolocation]);
} else {
$('#result').html('Geocode was not successful for the following reason: ' + status);
}
});
};
L.tileLayer('http://{s}.tile.cloudmade.com/apikeyputhere/997/256/{z}/{x}/{y}.png', {
maxZoom: 18
}).addTo(map);
</script>
替换这个：
var geolocation = String(results[0].geometry.location);
var geolocation = geolocation.replace('(','');
var geolocation = geolocation.replace(')','');
map.panTo([geolocation]);
接着就，随即：
map.panTo([results[0].geometry.location.lat(),results[0].geometry.location.lng()]);
解释：
您将一个字符串分配给第一个数组值，它与以下内容相同：
geolocation=new Array('-33.8674869, 151.20699020000006')//contains 1 string
该字符串不会被计算，它将保留 1 个字符串，但您需要一个包含 2 个浮点数的数组：
geolocation=new Array(-33.8674869, 151.20699020000006)//contains 2 floats
The undefined是提供给的数组中缺少的第二项panTo()
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
