国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Openlayers官網實例線下實現的解決方法

or0fun / 3398人閱讀

摘要:官網提供了很多實例供參考學習,但是最新官網實例是基于版本以及語言開發,而行業內大部都用的版本較多,這與市場存在一個新老版本開發的銜接問題。

Openlayers官網提供了很多實例供GISer參考學習,但是最新官網實例是基于Openlayers5.3版本以及ECMAScript6語言開發,而行業內大部都用的openlayers3-4版本較多,這與市場存在一個新老版本開發的銜接問題。GIS開發初學者往往無從下手,因此,這里以snap interaction為例分享線下實現的過程,步驟如下:

1.css、js文件引用修改

官網實例引用文件主要基于官網的庫文件,而且版本不一樣,類似如下:



將上述代碼修改為本地或自身版本(3.11.1)文件,如下:


2.import語句刪除
刪掉官網實例中的import語句,但是要注意組件分布位置。刪掉如下語句:

  import Map from "ol/Map.js";
  import View from "ol/View.js";
  import {Draw, Modify, Select, Snap} from "ol/interaction.js";
  import {Tile as TileLayer, Vector as VectorLayer} from "ol/layer.js";
  import {OSM, Vector as VectorSource} from "ol/source.js";
  import {Circle as CircleStyle, Fill, Stroke, Style} from "ol/style.js

3.修改組件位置
修改組件如TileLayer、OSM等,改為ol.layer.Tile、ol.source.OSM等(注意,實例中不僅僅只有這兩句組件代碼,要全面檢查或通過瀏覽器監測)。
原代碼:

  var raster = new TileLayer({
    source: new OSM()
  });

修改后:

  var raster = new ol.layer.Tile({
    source: new ol.source.OSM()
  });

最后,將我修改的全部代碼分享如下(親測可用):



轉載請注明出處——哦喲喲喲喲喲喲喲喲喲

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/102505.html

相關文章

  • Openlayers中數字比例尺實現方法

    摘要:比例尺分類數字式,用數字的比例式或分數式表示比例尺的大小。中比例尺介紹中默認地圖比例尺為直線式,如圖該比例尺存在精確測量無法讀取比例尺實際值的缺點。因此有必要將直線比例尺轉換成數字比例尺。 1.比例尺分類(1)數字式,用數字的比例式或分數式表示比例尺的大小。例如地圖上1厘米代表實地距離500千米,可寫成:1∶50 000 000或寫成:五千萬分之一。(2)線段式(也叫直線式),在地圖上...

    dreamGong 評論0 收藏0
  • JavaScript矢量化地圖庫 – 快速入門

    摘要:注意在代碼中將其替換為自己剛剛申請的運行,顯示地圖修改保存之后點擊運行就可以得到一幅矢量地圖了,此過程可能會稍微有點長,要耐心多等一會兒。 VectorMap.js是一個開源地圖渲染JavaScript庫, 可以使用WebGL或者HTML5兩種方式進行交互式矢量地圖 (包括矢量瓦片地圖,一般性矢量數據地圖)和 柵格瓦片地圖的渲染。 WebGL渲染意味著高性能,大數據, HTML5渲染意...

    MiracleWong 評論0 收藏0
  • openlayers-自定義瓦片

    摘要:自定義瓦片定義一個瓦片地址官方文檔由此我們只需要重寫這個方法即可數據準備用爬蟲下載了一些高德地圖放大層數最小的圖片大小的簡單服務器配置,將這些圖片放到下使之能夠正常訪問代碼編寫常用參數配置用于調試的網格編號很重要使用說明可以用來檢查是否是 openlayers-自定義瓦片 定義一個瓦片地址 ol.source.TileImage.tileUrlFunction 官方文檔 showI...

    Barrior 評論0 收藏0

發表評論

0條評論

or0fun

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<