logo标签列表

如何安装Leaflet.draw插件？

javascriptdictionaryleaflet
9

我在安装Leaflet.draw插件时遇到了问题。我花费了好几个小时来尝试安装，但失败了。请问有人可以解释一下我该如何使用它吗？

3
您可以从CDN链接leaflet.draw脚本 - https://cdnjs.com/libraries/leaflet.draw - xmojmr
2
非常感谢您提出这个问题。很奇怪的是，自述文件没有从这里开始。 - otocan
CND选项：http://bl.ocks.org/d3noob/7730264 - ThatsRightJack
2个回答
7
使用 npm 进行安装：
npm install leaflet-draw

保存在 package.json 文件中：

npm install leaflet-draw --save

全局安装：

npm install -g leaflet-draw
在VS 2017中无法正常工作。在运行npm install命令后，项目中没有添加任何内容。只有-g选项才能在npm-packages全局存储文件夹中成功安装。 - intox
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>
[...]

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

这个官方的Leaflet.draw示例页面可能会有所帮助。请注意，他们逐个添加每个插件部分，但是您只需要添加主要源代码文件Leaflet.draw.js和leaflet.draw.css。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接