各位先進請教一下
我利用網路學習資源 想畫台灣鄰里圖的分界
網路資源如下
http://www.oxxostudio.tw/articles/201803/google-maps-15-geojson-taiwan.html
我寫了下列程式碼
<!DOCTYPE html>
<html lang="zh-tw">
<head>
<meta charset="UTF-8">
<meta name="author" content="oxxo.studio">
<meta name="copyright" content="oxxo.studio">
<title>Google Maps (9) - HeatSpot - OXXO.STUDIO</title>
</head>
<body>
<script
src="https://maps.googleapis.com/maps/api/js?key=金鑰打馬賽克&callback=initMap"
async defer></script>
<div id="map"></div>
<script>
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 14,
center: {
lat: 25.036980,
lng: 121.536129
}
});
map.data.loadGeoJson('taiwan.json');
}
</script>
</body>
</html>
json檔案為教學網站下載的檔案（我改名叫taiwan.json)
網頁跑出來 GOOGLE地圖有出現 但始終沒有鄰里的邊界
網頁的consolelog寫
d3.v3.min.js:1 Failed to load
file:///C:/Users/Student/Desktop/taiwan.json:
Cross origin requests are only supported for protocol schemes: http, data,
chrome, chrome-extension, https.
因為爬文許久 未得解答
請問各位先進是否能釋疑