Question

我需要使用其他域中托管的文件向我的Google地图添加图层。

我搜索过它，我发现我需要在HTML中添加以下代码。

Access-Control-Allow-Headers: *

但是怎么做？我尝试过不同的方式，但没有工作。有人可以告诉我让它运作的诀窍吗？

＆＃13;

html,
body {
  height: 100%;
}
#map_canvas {
  width: 800px;
  height: 600px;
}

＆＃13;

<script type="text/javascript">
  function initMap() {

    map = new google.maps.Map(document.getElementById('map_canvas'), {
      zoom: 10,
      center: {
        lat: -18.92990560776172,
        lng: -43.4406814550781
      }
    });


    var Cities = new google.maps.Data();
    Cities.loadGeoJson('http://nucleotravessia.unifei.edu.br/MapaTravessia/Files_LoadMap/Limites_Muni.geojson');
    Cities.setStyle({
      strokeColor: '#058E8E',
      strokeOpacity: 0.8,
      strokeWeight: 2,
    });
    Cities.setMap(map);

  }
</script>


<div id="map_canvas"></div>

<script async defer src="https://maps.googleapis.com/maps/api/js?&v=3.24&key=AIzaSyBFYwb6-B6u2cs5oknTRwtfBng2kgdDMgk&libraries=drawing,geometry&language=pt-BR&region=BR&callback=initMap">
</script>

＆＃13;

Answer 1

我最近有这个工作，这里是剪辑：

var request = new XMLHttpRequest();
request.open(...);
request.setRequestHeader("Access-Control-Allow-Origin", "*");
request.setRequestHeader("Content-type", "application/json; charset=utf-8");    
...
request.send(...);

如何在普通的javascript中应用CORS头

1 个答案: