EmbedMap

EmbedMapxxx.js

var paintLifeCircleOnMap = function(geojsonFilePath, errorCB) {
  if (!EmbedMap) {
    errorCB("地圖程式未正確載入！");
    return;
  }

  if (geojsonFilePath) {
    try {
      EmbedMap.clearDrawing();
      EmbedMap.addVector({
        projection: "EPSG:3826",
        url: geojsonFilePath + ".geojson",
        id: "myLayer",
        callback: LifeCircle2019.setPolygonStyle
      });
    } catch (err) {
      errorCB(err);
    }
  } else {
    errorCB("請選取正確生活圈");
  }
};

var LifeCircle2019 = (function() {
  return {
    setPolygonStyle: function(o) {
      EmbedMap.setStyle({
        type: "function",
        layerId: "myLayer",
        // feature 就是 讀取完geojson檔之後 裡面的資料
        styleFunction: function(feature, resolution) {
          var geometry = feature.getGeometry();
          var styles = [
            new ol.style.Style({
              fill: new parent.ol.style.Fill({
                color: "rgba(0, 219, 0, 0.1)"
              }),
              stroke: new parent.ol.style.Stroke({
                color: "rgba(0, 219, 0, 1)",
                width: 2
              }),
              text: new ol.style.Text({
                textAlign: "center",
                textBaseline: "middle",
                font: "bold 14pt Arial",
                text: feature.get("label"),
                fill: new ol.style.Fill({ color: "#11bf11" }),
                stroke: new ol.style.Stroke({ color: "#ffffff", width: 3 })
                //offsetX: 15,
                //offsetY: -15
              })
            })
          ];
          return styles;
        }
      });

      setTimeout(function() {
        EmbedMap.locateBBOX(
          EmbedMap.getLayerById({ id: "myLayer" })
            .getSource()
            .getSource()
            .getExtent()
        );
      }, 1000);
    }
  };
})();