javascript - Bing Maps API请求返回 Uncaught SyntaxError :意外 token :

我收到一个错误Uncaught SyntaxError：意外令牌：（dev.virtualearth.net/:1）

这是我的JavaScript。

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else {
        alert("Geolocation is not supported by this browswer or not enabled.");
    }
}

function showPosition(position) {
    $.ajax({
        url: 'http://dev.virtualearth.net/REST/v1/Locations/',
        dataType: 'jsonp',
        data: {
            q: position.coords.latitude + ',' + position.coords.longitude,
            key: '***'
        }
    }).then(function(data) {
        //alert("Latitude: " + position.coords.latitude + "<br /> Longitude: " + position.coords.longitude +
        //"<br /> Province: " + data.resourceSets.resources[0].address.locality);
        console.log(data.toString());
    });


}

返回的json有效，但不确定发生错误的位置。

最佳答案

您的查询存在一些问题：

不应像执行操作那样将坐标传递到查询参数中。这不会像我想的那样为您反向对地址进行地理编码。坐标应该是URL的一部分，例如... / Location / latitude，longitude？key =
除了dataType之外，还要设置ajax方法的jsonp参数。
不要使用导航器，而应使用Bing Maps API中的GeoLocationProvider类。较旧的浏览器不支持Navigator类，但是，某些较旧的浏览器确实具有其他获取用户位置的方法。 GeoLocationProvider类将所有这些不同的方法包装在一起。如果需要，还可以选择显示精确度圆并设置地图视图。
将会话密钥与REST服务一起使用，而不要使用Bing Maps密钥。这将使该服务请求成为非计费交易。

这是一个代码示例，可让您获取用户位置并对其进行反向地理编码：

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
  <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

  <script type="text/javascript">
    var map, sessionKey;

    function GetMap()
    {
        map = new Microsoft.Maps.Map(document.getElementById("myMap"), {
            credentials: "YOUR_BING_MAPS_KEY"
        });

        map.getCredentials(function(c){
            sessionKey = c;
        });
    }

    function getLocation() {
        var geoLocationProvider = new Microsoft.Maps.GeoLocationProvider(map);
        geoLocationProvider.getCurrentPosition({
            showAccuracyCirle: false,
            updateMapView: false,
            successCallback: showPosition
        });
    }

    function showPosition(position) {

        $.ajax({
            url: 'http://dev.virtualearth.net/REST/v1/Locations/' + position.center.latitude + ',' + position.center.longitude,
            dataType: "jsonp",
            jsonp: "jsonp",
            data: {
                key:sessionKey
            },
            success: function (result) {
                if (result &&
                    result.resourceSets &&
                    result.resourceSets.length > 0 &&
                    result.resourceSets[0].resources &&
                    result.resourceSets[0].resources.length > 0) {
                    alert(result.resourceSets[0].resources[0].address.formattedAddress);
                }else{
                    alert("No Results Found");
                }
            },
            error: function (e) {
                alert(e.statusText);
            }
        });
    }
    </script>
</head>
<body onload="GetMap();">
    <div id='myMap' style="position:relative;with:800px;height:600px;"></div><br/>
    <input type="button" onclick="getLocation()" value="test"/>
</body>
</html>

关于javascript - Bing Maps API请求返回 Uncaught SyntaxError :意外 token :，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26408515/