使用GeoJson
資料處理

了解GeoJson

什麼是GeoJson:

GeoJson-TopoJson轉換器:

地圖上顯示geoJson資料

Step1. 呼叫map.data物件loadGeoJson

Step2. 產生GeoJson:

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')
        }
      });