首頁 新聞中心 技術文檔 OpenLayers中文教程文檔

OpenLayers介紹

發布時間:2021-12-12 22:45:57   瀏覽量:3817   作者:openlayers.org

OpenLayers介紹

現代 JavaScript 在使用和創作模塊時效果最好。使用 OpenLayers 的推薦方法是安裝ol包。本教程將引導您設置一個簡單的開發環境,該環境需要node才能正常工作。

在本教程中,我們將使用Parcel來捆綁我們的應用程序。還有其他幾個選項,其中一些從README鏈接。

應用程序設置

為您的項目創建一個新的空目錄并通過運行導航到該目錄mkdir new-project && cd new-project。初始化你的項目

npx create-ol-app

您需要git安裝上述命令才能工作。如果您收到錯誤消息,請確保您的系統上安裝了Git。

這將安裝ol包,成立了一個開發環境,額外的依賴,并給你一個index.htmlmain.js你的應用程序的起點。默認情況下,Parcel將用作模塊加載器和捆綁器。有關create-ol-app使用其他捆綁器的詳細信息,請參閱文檔。

啟動開發服務器

npm start

您現在可以訪問http://localhost:1234/來查看您的應用程序。開始對index.htmlmain.js文件進行更改以添加其他功能。

要創建應用程序的生產包,只需鍵入

npm run build

并將dist/文件夾復制到您的生產服務器。

18黄无遮挡免费视频