openlayers3 基礎(常見方法,類及實現)

    ol3接口大全
1.ol.Map類:(地圖容器類)
    實現: ol.Map(參數)
  參數說明:1.1 target,說明地圖所在的html元素、
        若是沒有指定,必須調用ol.Map類的setTarget()方法以便繪製地圖;
      1.2 layers,指定加載的圖層。
        若是未定義,則將呈現不包含圖層的地圖(圖層是按提供的順序呈現的,
        若是想要矢量圖層顯示在瓦片圖層頂部,則必須位於瓦片圖層以後)。
      1.3 view, 設置地圖的顯示視圖。
        若是在構建時未指定,則必須經過ol.Map()類的setView()方法指定,不然不會提取圖層源。
常見方法說明: render():請求地圖渲染(下一幀動畫)。
        getEventPixel(event):獲取相對於瀏覽器窗口的地圖像素位置。
        event:(event)事件。
        getView():獲取地圖視圖。返回值爲{ol.View}類。
        addLayer(layer):將地圖圖層添加到地圖容器中。
        layer:(ol.layer.Base)地圖圖層。
        removeLayer(layer):將圖層從地圖容器中移除。
        layer:(ol.layer.Base)地圖圖層。
2.ol.Control類(地圖控件基類)
常見方法說明:ol.control.defaults(opt_options):該方法表示地圖默認包含的一組控件。除非另外配置,不然將返回一組默認的地圖控件
默認控件: ol.control.Zoom(地圖縮放控件)
      ol.control.Rotate(地圖旋轉控件)
       ol.control.Attribution(地圖屬性控件)以上返回值爲{ol.Collection | [ol.control.control]}類
3.ol.Collection類(地圖容器類,用於擴展JS數組,提供便捷操做)
    實現:ol.Collection(opt_array), opt_array:(Array類型)數組
常見方法說明: extend(arr):該方法實現將要素添加到集合中
        arr:(Array類型)將要添加進集合的數組。
        例如代碼中的[ol.control.MousePosition()]。
4.ol.control.ZoomToExtent類:(放大到設定區域地圖控件類)
       實現:new ol.control.ZoomToExtent(opt_options),
    參數說明:(Object類型)可選項,設置該對象其餘屬性,以鍵值對的形式設置
          extent:(ol.Extent | undefined)可選項,表示放大到範圍的大小。
5.ol.layer.Tile(options):該類是一個瓦片圖層類,用於顯示瓦片資源。這些瓦片提供了預渲染,而且由特定分辨率的縮放級別組織的瓦片圖片網格組成
    實現:ol.layer.Tile(options)
  參數說明:options:(object類型)可選項,設置該對象其餘屬性,以鍵值對的形式設置。
        source:(ol.source.Tile)必填項。爲圖層設置來源、服務地址。
6.ol.source.OSM類,即openstreetmap瓦片圖層資源
    實現:ol.source.OSM(opt_options)
  參數說明:opt_options:(object類型)可選項,設置該圖層的配置選項,以鍵值對的形式設置。
        6.1 cacheSize:(number|undefined)可選項,設置緩存大小。默認是2048。
        6.2 crossOrigin:(null|string|undefined)可選項,設置加載瓦片的跨域屬性。默認是匿名的。
        6.3 maxZoom:(number|undefined)可選項,設置最大放大級別。默認是19。
        6.4 opaque:(boolean|undefined)可選項,設置圖層是不是不透明的。默認是true。
        6.5 reprojectionErrorThreshold:(number|undefined)可選項,設置重投影容許的最大偏差(以像素爲單位)。
          設置值越大,精度越低。默認是0.5。
        6.6 tileLoadFunction:(ol.TileLoadFunctionType|undefined )可選項,設置經過給定的URL加載瓦片的功能。
          默認是function(imageTile, src) {imageTile.getImage().src = src; };
        6.7 url:(string|undefined)可選項,設置url模板。
            默認爲https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png。
        6.8 wrapX:(boolean|undefined)可選項,設置是否在地圖水平座標軸上重複。默認是true。
7. ol.view類;地圖顯示視圖類(地圖初始化必備三要素)
    實現: ol.View(opt_options)
  參數說明:7.1 centerL:(ol.Coordinate|undefined)設置地圖中心,以座標形式。返回的是數組(經緯度)
      7.2 zoom:(number|undefined)可選項,設置地圖的顯示級數。
      7.3 minZoom:(number|undefined)可選項,設置地圖最小縮放級別,
        它與maxZoom(或minResolution)和zoomFactor一塊兒使用.
        若是同時給出maxResolution,maxResolution優先級高於minZoom。默認值爲0。
      7.4 rotation:(number|undefined)可選項,設置初始視圖的旋轉弧度(順時針方向)
      7.5 projection:(ol.ProjectionLike)可選項,地圖的投影座標系。默認爲EPSG:3857,即墨卡託座標系。
  方法說明:setCenter(center): 設置地圖視圖的中心座標
        center:(ol.Coordinate | undefined)地圖視圖的中心座標。
        setZoom(zoom):設置地圖視圖的縮放級別。
        zoom:(number)地圖視圖的縮放級別。
8. ol.layer.Vector類:用於顯示在客戶端渲染的矢量數據。
    實現:ol.layer.Vector(opt_options)
    參數說明:source:(string)必選項,設置矢量圖層數據來源。
          style:(ol.style.Style | Array-[ol.style.style] | ol.StyleFunction | undefined)圖層樣式,一個ol.style.Style或者一個 ol.style.Style數組,或者一個返回 ol.style.Style 的函數。
9. ol.source.Vector類:矢量要素來源。
    實現: ol.source.Vector(參數)
  參數說明:9.1 url:(string | ol.FeatureUrlFunction | undefined)可選項,矢量圖層數據的url。(url和format 必須同時同時定於)
        9.2 format:(ol.format.Feature | undefined)可選項,url屬性設置後,XHR方式加載要素使用的數據格式。 默認是未定義的
        9.3 attribution:(ol.AttributionLike | undefined)可選項,地圖右下角的 logo 包含的內容。
        9.4 features:(Array-[ol.feature] | ol.Collection-[ol.feature] | undefined)可選項,地理要素,從字符串讀取的數據。
        9.5 logo:(string | olx.LogoOptions | undefined)可選項,logo包含的內容。
        9.6 strategy:(ol.LoadingStrategy | undefined)可選項,加載要素使用的策略,默認是直接一次性加載全部要素
        9.7 wrapX:(boolean | undefined)可選項,是否在地圖水平座標軸上重複。默認是 true。
10。 ol.format.GeoJSON類:操做GeoJSON數據,包括各類讀寫方法。
     實現: ol.format.GeoJSON(參數)
    參數說明: defaultDataProjection:(ol.ProjectionLike)可選項,數據默認座標系。默認是EPSG:4326,即爲地理座標系。
          featureProjection:(ol.ProjectionLike)可選項,經過format解析的要素座標系。
          geometryName: (string | undefind) 建立要素時幾何要素名。
11. ol.format.KML類:操做KML數據,包括各類讀寫方法。
    實現:ol.format.KML( 參數)
    參數說明: extractStyles:(boolean | undefined)可選項,是否提取KML樣式。默認True
        showPointNames:(boolean | undefined)可選項,是否顯示地點標記名稱。默認是true。
        defaultStyle:(Array-[l.style.style] | undefined)可選項,默認樣式。默認缺省樣式爲Google Earth。
        writeStyles:(boolean | undefined)可選項,是否給KML寫入樣式 。默認是true。html

以上是ol常見基礎類及方法,後續將繼續整理。跨域

相關文章
相關標籤/搜索