gpt4 book ai didi

javascript - 我想通过从网站获取 API 来直接显示 map ,而不使用任何 JS 库

转载 作者:行者123 更新时间:2023-12-02 21:48:07 25 4
gpt4 key购买 nike

我想从mapmyindia API 获取 map 。但显示显示错误“从源‘null’获取‘url’的访问已被 CORS 策略阻止:请求的资源上不存在‘Access-Control-Allow-Origin’ header 。如果不透明响应满足您的需求,请设置请求的模式'no-cors' 以在禁用 CORS 的情况下获取资源。”

下面是我的程序。我做错了什么。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button id="mybtn">fetch it</button>
<script>
document.getElementById("mybtn").onclick=()=>{
fetch("http://apis.mapmyindia.com/advancedmaps/v1/<Key>/still_image?center=28.595939499830784,77.22556114196777&zoom=18&size=800x480&ssf=1&markers=28.595939,77.225561|28.596000,77.225600>")
.then(data=>{
return data.json()
}).then(data2 =>{
console.log(data2)
})

}
</script>
</body>
</html>

最佳答案

您必须发送未列入 CORS 安全列表的请求 header 名称。从下面的列表中发送 header :

  • 接受
  • 接受语言
  • 内容语言
  • 内容类型

引用:https://fetch.spec.whatwg.org/#no-cors-safelisted-request-header-name

关于javascript - 我想通过从网站获取 API 来直接显示 map ,而不使用任何 JS 库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60200366/

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