Question

我正在尝试在我的HTML中嵌入传单地图，但我在Chrome控制台中看到403错误，因为这样的网址 https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.2/images/data:image/png; ...我在这里http://plnkr.co/edit/QrcKUz0PZRZRqUFaKfdq?p=preview正在努力。我正试图从开放的街道地图中获取瓷砖

$scope.layers = {
                baselayers: {
                    osm: {
                        name: 'OpenStreetMap',
                        url: 'http://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
                        type: 'xyz'
                    }
                }
            };

我是否遗漏了一些在我的js中访问该页面的凭据？我正在查看一个不提供任何凭据的http://plnkr.co/edit/0bTiyl?p=preview工作示例。

如果我使用

，会出现同样的问题

url: 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',

Answer 1

我将传单指令中的高度更改为480px，我现在可以看到地图。

传单cloudflare 403禁止

1 个答案: