如何安装Leaflet.draw插件?

时间:2017-01-05 05:18:06

标签: javascript dictionary leaflet

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

2 个答案:

答案 0 :(得分:4)

要使用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目录中。

official example Leaflet.draw webpage可能会派上用场。请注意,他们会单独添加每个插件,但您只需添加主要源代码文件Leaflet.draw.jsleaflet.draw.css

答案 1 :(得分:2)

使用 npm

进行安装
npm install leaflet-draw

保存在 package.json

npm install leaflet-draw --save

对于全局安装:

npm install -g leaflet-draw