Question

请参阅下面的代码，我是javascript的业余爱好，很抱歉，如果它真的很糟糕。基本上我的函数someFunc()在通过某些表单和其他函数获得eventlocation和currentlocation后按下按钮时激活。我认为NaN是一个错误，我认为这必须是一个相当简单的修复，我刚才有一个线索。

两个全局变量globalevent和globalcurrent使用someFunc()中的doc set值回显正确的坐标，但计算距离不起作用。当我'发布'coords并将它们作为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。

from the documentation

注意：Google Maps JavaScript API第2版于2010年5月19日正式弃用。原始弃用期已从2013年5月19日延长至11月19日，截至此日期，所有申请v2的申请都将获得特殊待遇相反，版本的v3 API。我们希望API的这个包装版本适用于大多数简单的地图，但我们强烈建议您将代码迁移到地图版本3 此API日期之前的JavaScript API。

这会创建一个字符串：

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

这将创建一个包含以下坐标的GLatLng：

for v2：

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

for v3：

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

ComputeDistanceBetween返回NaN而不是距离

1 个答案: