gpt4 book ai didi

jquery - 传单 map 网址被禁止

转载 作者:行者123 更新时间:2023-12-01 00:07:34 25 4
gpt4 key购买 nike

我正在尝试创建一个 jquery mobile PhoneGap 应用程序,并且我想使用嵌入其中的传单 map 。我目前正在做一个非常基本的概念验证,但我运气不太好。每次我尝试加载 map 时, map 的 .png 都不会加载,并且控制台告诉我它是禁止的。我想我可能设置了错误的 map URL,但 CloudMade 网站上的文档有点模糊。如果您能提供任何帮助,我们将不胜感激。

代码:

var map = new L.Map('map');

var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/MY_APP_KEY/997/256/{z}/{x}/{y}.png',
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18});
map.addLayer(cloudmade);

map.locateAndSetView(16);

map.on('locationfound', onLocationFound);

function onLocationFound(e) {
var radius = e.accuracy / 2;

var marker = new L.Marker(e.latlng);
map.addLayer(marker);
marker.bindPopup("You are within " + radius + " meters from this point").openPopup();

var circle = new L.Circle(e.latlng, radius);
map.addLayer(circle);
}

map.on('locationerror', onLocationError);

function onLocationError(e) {
alert(e.message);
}

当我尝试加载图像时,出现以下错误:GET http://a.tile.cloudmade.com/MY_APP_KEY/997/256/0/0/0.png 403(禁止)。显然,我正在用从 CloudMade 获得的 key 替换 MY_APP_KEY,但除此之外,我不确定还能转向哪里。

预先感谢您的帮助。

最佳答案

提供 Cloudmade API key 是强制性的,但还不够。您还必须提供一个 token ,您必须为每个用户和设备请求该 token 。如 Cloudmade Authorization API doc 中所述可以通过简单的 POST 检索 token :

POST http://auth.cloudmade.com/token/APIKEY?userid=UserID&deviceid=DeviceID

这将为您提供一个 token ,您必须将其附加到图 block url 中才能在 cloudmade 服务器上进行身份验证:

var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/MY_APP_KEY/997/256/{z}/{x}/{y}.png?token=TOKEN'

但是,为了快速证明概念,您可以直接使用 their own API key不需要身份验证 token :

var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/8ee2a50541944fb9bcedded5165f09d9/997/256/{z}/{x}/{y].png

关于jquery - 传单 map 网址被禁止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11517068/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com