Leaflet-Geoman 开源项目教程

最新推荐文章于 2025-05-17 15:57:01 发布

卓巧知

最新推荐文章于 2025-05-17 15:57:01 发布

阅读量442

点赞数 4

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/gitblog_00476/article/details/141845307

Leaflet-Geoman 开源项目教程

leaflet-geoman🍂🗺️ The most powerful leaflet plugin for drawing and editing geometry layers项目地址:https://gitcode.com/gh_mirrors/le/leaflet-geoman

1. 项目的目录结构及介绍

Leaflet-Geoman 项目的目录结构如下：

leaflet-geoman/
├── dist/
│   ├── leaflet-geoman.css
│   ├── leaflet-geoman.css.map
│   ├── leaflet-geoman.min.css
│   ├── leaflet-geoman.min.js
│   └── leaflet-geoman.min.js.map
├── examples/
│   ├── advanced.html
│   ├── basic.html
│   ├── custom-icons.html
│   ├── custom-tools.html
│   ├── draw-control.html
│   ├── index.html
│   ├── leaflet-versions.html
│   ├── options.html
│   ├── plugins.html
│   ├── remove-all.html
│   ├── service-layer.html
│   ├── snapping.html
│   ├── toolbar-positions.html
│   └── turf.html
├── src/
│   ├── css/
│   │   ├── icons.css
│   │   └── leaflet-geoman.css
│   ├── js/
│   │   ├── Draw.Control.js
│   │   ├── Edit.Control.js
│   │   ├── Geoman.js
│   │   ├── Layer.Group.js
│   │   ├── Layer.js
│   │   ├── Map.js
│   │   ├── Marker.js
│   │   ├── Path.js
│   │   ├── PM.Draw.Circle.js
│   │   ├── PM.Draw.CircleMarker.js
│   │   ├── PM.Draw.Line.js
│   │   ├── PM.Draw.Marker.js
│   │   ├── PM.Draw.Polygon.js
│   │   ├── PM.Draw.Polyline.js
│   │   ├── PM.Draw.Rectangle.js
│   │   ├── PM.Edit.Circle.js
│   │   ├── PM.Edit.CircleMarker.js
│   │   ├── PM.Edit.Line.js
│   │   ├── PM.Edit.Marker.js
│   │   ├── PM.Edit.Polygon.js
│   │   ├── PM.Edit.Polyline.js
│   │   ├── PM.Edit.Rectangle.js
│   │   ├── PM.Toolbar.js
│   │   └── index.js
│   └── translations/
│       ├── de.js
│       ├── en.js
│       ├── es.js
│       ├── fr.js
│       ├── it.js
│       ├── ja.js
│       ├── ko.js
│       ├── nl.js
│       ├── pl.js
│       ├── pt-br.js
│       ├── ru.js
│       ├── sv.js
│       ├── tr.js
│       ├── zh.js
│       └── zh-tw.js
├── .babelrc
├── .editorconfig
├── .eslintrc
├── .gitignore
├── .npmignore
├── .travis.yml
├── LICENSE
├── README.md
├── package.json
└── webpack.config.js

目录结构介绍

dist/：包含编译后的 CSS 和 JavaScript 文件。
examples/：包含多个示例 HTML 文件，展示如何使用 Leaflet-Geoman。
src/：包含源代码文件，分为 CSS 和 JavaScript 文件。
- css/：包含样式文件。
- js/：包含主要的 JavaScript 文件，分为绘制和编辑控制、图层管理等。
- translations/：包含多语言支持的翻译文件。
根目录下的配置文件和文档文件：
- .babelrc：Babel 配置文件。
- .editorconfig：编辑器配置文件。
- .eslintrc：ESLint 配置文件。
- .gitignore：Git 忽略文件配置。
- .npmignore：NPM 忽略文件配置。
- .travis.yml：Travis CI 配置文件。
- LICENSE：项目许可证。
- README.md：项目说明文档。
- package.json：NPM 包配置文件。
- webpack.config.js：Webpack 配置文件。