如何安装 Leaflet.draw 插件?

jc *_*c k 8 javascript dictionary leaflet

我在安装Leaflet.draw 插件时遇到问题。我花了几个小时试图弄清楚如何安装它,但失败了。有人可以向我解释我该如何使用它吗?

Sya*_*lai 6

使用npm安装:

npm install leaflet-draw
Run Code Online (Sandbox Code Playgroud)

保存在package.json 中

npm install leaflet-draw --save
Run Code Online (Sandbox Code Playgroud)

对于全局安装:

npm install -g leaflet-draw
Run Code Online (Sandbox Code Playgroud)


use*_*511 6

要使用 Leaflet.draw 插件,您需要将 js 和 css 文件添加到您的 html 标题中,如下所示:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- Leaflet stylesheets/javascript -->
    <link rel="stylesheet" href="leaflet.css" />
    <script src="leaflet.js"></script>


    <!-- Leaflet.draw main plug in files -->
    <link rel="stylesheet" href="files/leaflet.draw.css" /> <!--add here-->
    <script src="files/Leaflet.draw.js"></script>           <!--and here-->
</head>
<body>
[...]
Run Code Online (Sandbox Code Playgroud)

我将 Leaflet.draw 组织在一个files目录中。

这个官方示例 Leaflet.draw 网页可能会派上用场。请注意,他们单独添加了每个插件,但您只需添加主要的源代码文件Leaflet.draw.jsleaflet.draw.css.