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

时间:2017-03-21 05:20:36

标签: angularjs google-maps google-maps-api-3 google-maps-markers ng-map

我在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 个答案:

答案 0 :(得分:0)

请将SSL证书添加到您的apache。我尝试用本地主机和IP地址两种方式打开我的文件。差异是当我尝试使用IP地址时,我在控制台中收到有关证书的警告。虽然添加了SSL证书。