Step1. 呼叫map.data物件loadGeoJson
Step3. 重新設定樣式 Data.setStyle()
$map = new google.maps.Map( document.getElementById('map'), {
zoom: 16,
center: {lat: 25.042, lng: 121.55790,}
});
$map.data.loadGeoJson('document/json/demo.geojson.json');
//使用json內的設定值
$map.data.setStyle(function(feature){
return {
strokeWeight: feature.getProperty('stroke-width'),
strokeOpacity: feature.getProperty('stroke-opacity'),
strokeColor: feature.getProperty('stroke'),
fillColor: feature.getProperty('fill'),
fillOpacity: feature.getProperty('fill-opacity')
}
});