OpenLayers中文文档1快速入门
目录
-
- OpenLayers 实例资源网
- Quick Start 快速入门
-
- 建立一个新的项目
- 探索部分
-
- 标记 The markup
- The script
- The style
- 部署你的应用程序
OpenLayers 实例资源网
http://develop.smaryun.com:81/API/JS/OL3InterfaceDemo/index.htm
Quick Start 快速入门
This primer shows you how to put a map on a web page. The development setup uses Node (14 or higher) and requires that you have git installed.
这个入门读物向你展示了如何将地图放在网页上。开发设置使用Node（14或更高），并要求你安装了git。
建立一个新的项目
[Set up a new project] 建立一个新的项目
The easiest way to start building a project with OpenLayers is to run npm create ol-app:
开始用OpenLayers构建项目的最简单方法是运行npm create ol-app：
npm create ol-app my-app
cd my-app
npm start
The first command will create a directory called my-app (you can use a different name if you wish), install OpenLayers and a development server, and set up a basic app with index.html, main.js, and style.css files.
第一条命令将创建一个名为my-app的目录（如果你愿意，可以使用不同的名字），安装OpenLayers和一个开发服务器，并建立一个带有index.html、main.js和style.css文件的基本应用程序。
The second command (cd my-app) changes the working directory to your new my-app project so you can start working with it.
第二条命令（cd my-app）将工作目录改为新的my-app项目，这样你就可以开始使用它。
The third command (npm start) starts a development server so you can view your application in a browser while working on it. After running npm start, you’ll see output that tells you the URL to open. Open http://localhost:5173/ (or whatever URL is displayed) to see your new application.
第三条命令（npm start）启动一个开发服务器，这样你就可以在浏览器中查看你的应用程序，同时对其进行工作。运行npm start后，你会看到输出，告诉你要打开的URL。打开http://localhost:5173/（或显示的任何URL）来查看你的新应用程序。
探索部分
[Exploring the parts] 探索部分
An OpenLayers application is composed of three basic parts:
一个OpenLayers应用程序由三个基本部分组成：
- The HTML markup with an element to contain the map (
index.html) - 包含地图元素的HTML标记（`index.html’）。
- The JavaScript that initializes the map (
main.js) - 用于初始化地图的JavaScript（
main.js）。 - The CSS styles that determine the map size and any other customizations (
style.css) - 决定地图大小和任何其他定制的CSS样式（
style.css）。
标记 The markup
Open the index.html file in a text editor. It should look something like this:
在一个文本编辑器中打开index.html文件。它应该看起来像这样：
Quick Start
The two important parts in the markup are the