【问题标题】:How to install Leaflet.draw plugin?如何安装 Leaflet.draw 插件?
【发布时间】:2017-05-19 13:35:23
【问题描述】:

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

【问题讨论】:

标签: javascript dictionary leaflet


【解决方案1】:

要使用 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

【讨论】:

    【解决方案2】:

    使用 npm 安装:

    npm install leaflet-draw
    

    用于保存在 package.json

    npm install leaflet-draw --save
    

    对于全局安装:

    npm install -g leaflet-draw
    

    【讨论】:

    • 这在 VS 2017 中不起作用。在 npm install 命令之后没有添加到项目中。只有 -g 选项会导致在 npm-packages 全局存储文件夹中成功安装
    猜你喜欢
    • 2021-05-17
    • 2014-03-16
    • 2014-06-04
    • 2021-06-14
    • 2013-07-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多