Javascript 我想通过从网站获取API来直接显示地图，而不使用任何JS库_Javascript_Rest_Api_Dictionary

Javascript 我想通过从网站获取API来直接显示地图，而不使用任何JS库

javascript rest api dictionary

Javascript 我想通过从网站获取API来直接显示地图，而不使用任何JS库,javascript,rest,api,dictionary,Javascript,Rest,Api,Dictionary,我想从mapmyindia API获取地图。但它显示出错误 CORS策略已阻止从源“null”在“url”处获取的访问：请求的资源上不存在“Access Control Allow origin”标头。如果不透明响应满足您的需要，请将请求的模式设置为“No CORS”，以获取禁用CORS的资源下面是我的程序。我做错了什么 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&

我想从mapmyindia API获取地图。但它显示出错误 CORS策略已阻止从源“null”在“url”处获取的访问：请求的资源上不存在“Access Control Allow origin”标头。如果不透明响应满足您的需要，请将请求的模式设置为“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>


文件
拿来
document.getElementById（“mybtn”）.onclick=（）=>{
取回（“http://apis.mapmyindia.com/advancedmaps/v1//still_image?center=28.595939499830784，77.2255614196777&zoom=18&size=800x480&ssf=1&markers=28.595939,77.225561 | 28.596000,77.225600>）
。然后（数据=>{
返回data.json（）
})。然后（数据2=>{
console.log（数据2）
})
}

您必须发送一个无CORS安全列表请求头名称。从以下列表中发送标题：

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

参考资料：

我通常通过编写自己的服务器来绕过这个问题，该服务器充当前端和目标之间的代理。这样你就不会犯CORS错误。当涉及到从安全的web应用程序请求非SSL请求时，我也必须这样做，我需要创建包装来保护它们。我会在托管Web服务器的机器上编写一个小型的公开API，这应该会自行解决。