返回NaN而不是距离的ComputeDistanceBetween

Question

参见下面的代码，我是javascript爱好者，所以很抱歉。 基本上，我的函数someFunc()是通过某些形式的窗体和其他函数获得eventlocation和currentlocation位置后按下按钮时激活的。 我认为NaN是一个错误，我认为这必须是一个相当简单的修复，我只是有一个线索。

这两个全局变量globalevent和globalcurrent使用someFunc()的doc设置值回显了正确的坐标，但计算距离无效。 当我“发布”坐标并将其作为php变量带回时，它的计算就很好。

更新：以下作品 @geocodezip使我朝着正确的方向前进。

var map;
var pos;
var geocoder;

function initialize() {
  geocoder = new google.maps.Geocoder();
  var latlng = new google.maps.LatLng(-34.397, 150.644);
  var mapOptions = {
zoom: 3,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById('map-canvas'),
  mapOptions);
  }

function getLocation(){
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
  pos = new google.maps.LatLng(position.coords.latitude,
                                   position.coords.longitude);
document.getElementById('distance').value = pos;  
}, function() {
  handleNoGeolocation(true);
});
} else {
// Browser doesn't support Geolocation
handleNoGeolocation(false);
}
}


function handleNoGeolocation(errorFlag) {
 if (errorFlag) {
var content = 'Error: The Geolocation service failed.';
} else {
var content = 'Error: Your browser doesn\'t support geolocation.';
}

var options = {
map: map,
position: new google.maps.LatLng(60, 105),
content: content
};

var infowindow = new google.maps.InfoWindow(options);
map.setCenter(options.position);
}

function createLine()
{

geocoder = new google.maps.Geocoder();
var address = document.getElementById('distance').value;
var address2 = document.getElementById('address').value;

var temp, temp2;

geocoder.geocode({ 'address': address }, function (results, status) {
temp = results[0].geometry.location;
geocoder.geocode({ 'address': address2 }, function (results, status) {
    temp2 = results[0].geometry.location;

var route = [
  temp,
  temp2
];

var polyline = new google.maps.Polyline({
    path: route,
    strokeColor: "#ff0000",
    strokeOpacity: 0.6,
    strokeWeight: 5
});

var lengthInMeters = google.maps.geometry.spherical.computeLength(polyline.getPath());
var distance = lengthInMeters/1000*0.621371192;

document.getElementById('distance2').value = distance;

polyline.setMap(map);
});
});
}

google.maps.event.addDomListener(window, 'load', initialize);

Answer 1

Google Maps Javascript API v2中没有computeDistanceBetween方法， 请在该版本的Google Maps Javascript API中使用GLatLng.distanceFrom 。

从文档中

注意：Google Maps JavaScript API第2版已于2010年5月19日正式弃用。原始弃用期限已从2013年5月19日延长至2013年11月19日。从那时起，所有请求v2的应用程序将获得特殊服务，而不是v3 API的包装版本。 我们希望API的这种包装版本适用于大多数简单地图，但我们强烈建议您在此日期之前将代码迁移到Maps JavaScript API的版本3。

这将创建一个字符串：

globalcurrent = position.coords.latitude +“，” + position.coords.longitude;

这将创建具有这些坐标的GLatLng：

对于v2：

globalcurrent = new GLatLng（position.coords.latitude，position.coords.longitude）;

对于v3：

globalcurrent =新的google.maps.LatLng（position.coords.latitude，position.coords.longitude）;