我想从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/