openlayers 各種圖層，持續更新

  /*高德地圖*/
    var vectorLayerLine = new ol.layer.Tile({

          source: new ol.source.XYZ({ 
            urls: [
                  "http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}",
                  "http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}",
                  "http://webrd03.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}",
                  "http://webrd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}"
               ]
            })         
    }); 

矢量圖層以及樣式設定

nodesLayer:new ol.layer.Vector({
         source: new ol.source.Vector({
          //讀取geojson 的數據
              features: (new ol.format.GeoJSON()).readFeatures(JSON.stringify(nodedata))
        }),
         //根據feature屬性來定樣式，從來實現整體渲染，而不是進行循環操作
         style:function(feature){
              
             if (feature.get("level")=="2") {
                  feature.setStyle(stylesjf2);
                  console.log("first");  
               
            }
            else if (feature.get("level")=="1") {
                feature.setStyle(stylesjf1);  
            }
            else if (feature.get("level")=="3") {
                feature.setStyle(stylesjf3);  
            }
         },
         useSpatialIndex:false
         //style:ciclestyle
         //style:stylesjf
}),