[问题] 画不出台湾邻里边界

楼主: juju (瓶颈艰)   2018-06-19 11:15:33
各位先进请教一下
我利用网络学习资源 想画台湾邻里图的分界
网络资源如下
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.
因为爬文许久 未得解答
请问各位先进是否能释疑

Links booklink

Contact Us: admin [ a t ] ucptt.com