谷歌地图在 Ng 地图中显示“无法获取位置......返回错误代码 403”？

Posted 2023-03-28

【中文标题】谷歌地图在 Ng 地图中显示“无法获取位置......返回错误代码 403”？

【英文标题】：Google map showing 'Unable to get location......Returned error code 403' in Ng-map?

【发布时间】：2017-08-12 15:18:49

【问题描述】：

我在 angularjs 工作。昨天的地图向我显示了位置和标记。今天，当我打开我的地图错误时，抛出“无法获取位置。'https://www.googleapis.com/' 的网络位置提供程序：返回错误代码 403。” 我的 HTML：

<div> 
    <ng-map class="MapStyle"
            id="map-canvas"
            center="[21.145800,79.088155]"  
            default-style="false"
            zoom="13"
    ></ng-map>
</div>

我的控制器 js

var options =enableHighAccuracy: true ;
        navigator.geolocation.getCurrentPosition(function(pos) 
        $scope.position = new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude);
        console.log(pos.coords.latitude);
        var pointA = new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude),
        myOptions = 
           zoom: 8,
           center: pointA,
           mapTypeId: google.maps.MapTypeId.ROADMAP
        ,
        map = new google.maps.Map(document.getElementById('map-canvas'), myOptions),
        markerA = new google.maps.Marker(
            position: pointA,
            title: "point A",
            label: "",
            map: map
        )              
        , 
        function(error)                     
        alert('Unable to get location: ' + error.message);
        , options);

请帮我解决。谢谢。

【参考方案1】：

请将 SSL 证书添加到您的 apache。我尝试使用本地主机和 IP 地址两种方式打开我的文件。不同之处在于，当我尝试使用 ip 地址时，我在控制台中收到有关证书的警告。虽然添加 SSL 证书。