qgis2web, 将映射导出到 openlayers/leaflet webmap的QGIS插件

分享于 

8分钟阅读

GitHub

  繁體 雙語
A QGIS plugin to export a map to an OpenLayers 3/Leaflet webmap
  • 源代码名称:qgis2web
  • 源代码网址:http://www.github.com/tomchadwin/qgis2web
  • qgis2web源代码文档
  • qgis2web源代码下载
  • Git URL:
    git://www.github.com/tomchadwin/qgis2web.git
    Git Clone代码到本地:
    git clone http://www.github.com/tomchadwin/qgis2web
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/tomchadwin/qgis2web
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    

    GitHub versionBuild StatusCoverage StatusJoin the chat at https://gitter.im/tomchadwin/qgis2webDonate to QGIS

    qgis2web

    QGIS插件将项目导出到OpenLayers或者 Leaflet webmap。 不需要服务器端软件。

    安装

    • 在QGIS中,选择 Plugins> Manage and Install Plugins...

    或者:

    • 下载并解压到你的QGIS插件目录

    用法

    尽可能在QGIS中准备地图,因为你希望它出现在你的webmap中。 你可以执行的用于改善你的webmap的特定任务包括:

    • 设置项目标题,以及 background 和 Highlight 颜色 Project> Project Properties...
    • Layers Panel 中给层提供人类友好的名称
    • 为你的层列提供友好 Layer> Properties> Fields> Alias
    • 隐藏不希望出现在弹出窗口中的列,方法是将它的编辑小部件改为"隐藏""
    • 如果你的任何字段包含图像文件名,请将它的编辑小部件改为"照片"以使图像显示在弹出窗口中
    • 设置图层样式,并根据需要设置它们的缩放比例可见性

    从网页菜单或者通过 icon 运行 qgis2web。 如果需要,从 below preview列表中选择一个地图,然后单击"更新预览"。 ctrl/cmd单击多个basemaps或者取消选择地图。

    左上窗格允许你为地图中的每个图层设置选项。 左下窗格设置项目的总体选项。 如果希望保留这些设置,所有选项都将写入你的QGIS项目,因此保存你的项目。

    当前限制

    QGIS。OpenLayers和传单都是不同的映射技术。 这意味着它们各自的功能在许多方面。 qgis2web最好解释一个项目并导出 HTML,Javascript和 CSS,以便尽可以能地创建一个web地图。

    但是,QGIS项目的许多元素都不能复制,而且许多元素只能在 OpenLayers OpenLayers或者 Leaflet中进行。 qgis2web尽可以能地生成发布准备映射,但是你可以手动编辑输出代码来实现 qgis2web。

    • 在OL3映射中,只有单个渲染点群集,未分类或者分级
    • 线型( 虚线/虚线) 不显示在OL3预览中,但在输出中工作
    • 每个贴图只能渲染 2.5个图层
    • 2.5d 层只有在放大到建筑比例时才显示

    层选项

    弹出字段指定每个字段如何在弹出窗口中标注。可以选择图层是否可以见。 这只决定可见性- layer如果未选中这里设置将加载层,如果未选中,WFS层将保留在webmap中的远程WFS层。 如果选中,层将被写到本地GeoJSON文件集群群集点特征

    常规选项

    Data export Export folder the folder where the webmap will be saved Mapping library location Select whether use a local copy of OL3/Leaflet, or whether call the library from its CDN Minify GeoJSON files Remove unnecessary whitespace from exported GeoJSON reduce file size Precision Simplify geometry reduce file size Scale/Zoom Extent either match the current QGIS view or show all contents of all layers (only local GeoJSON and rasters, not WFS/WMS) Max zoom level how far the webmap will zoom in Min zoom level how far the webmap will zoom out Restrict extent Prevent panning or zooming beyond the selected extent Appearance Add address search Add field allow searching for locations (geocode) Add layers list Include list of layers (with legend icons, where possible) Add measure tool Include interactive measuring widget Geolocate user Show user's location on map Highlight on hover Highlight features on mouseover Layer search Add option search for values in layer field values match project CRS Create webmap in same projection as QGIS project, otherwise the webmap is projected in EPSG:3857 Show popups on hover Show popups when mouse hovers over features Template Select HTML template for webmap - add your own templates the/qgis2web/templates directory in your. qgis2 folder

    报告 Bug

    请报告你在qgis2web中遇到的任何问题。 如果没有这个反馈,我常常完全不知道存在问题。 要确保 Bug 报告中没有浪费时间或者精力,请按以下步骤操作:

    • 确保你使用的是最新版本的qgis2web
    • 检查Github上的问题以查看是否已经报告了该问题,如果已经报告,则阅读问题的所有评论,并从你的经验中添加其他信息。
    • 确保可以可靠地复制 Bug
    • 尽可以能减少 Bug 条件的复杂性,尤它的是通过减少图层数量,理想情况下。
    • 引发Github问题,包括:
    • 每个Github问题只有一个 Bug
    • qgis2web版本( 或者明确说明你正在使用Github主分支)
    • 发生的任何 python 错误文本/堆栈跟踪
    • 浏览器JS控制台错误- 按qgis2web在中打开开发人员工具栏,找到控制台
    • 设置的屏幕截图
    • 输出的屏幕截图
    • 如果可能,指向所使用数据的链接

    qgis2web的稳定性取决于你的Bug 报告,所以请将它的保留。

    Credits

    qgis2web基本上是的和klinger的Riccardo qgis2leaf的合并。 没有他们的工作就不存在了。 谢谢,先生们,由于,Cavallini的建议和支持,你也非常感谢。

    • @volaya
    • @riccardoklinger
    • @pcav

    显然,如果没有以下软件,qgis2web就不可能存在:

    • QGIS
    • OpenLayers
    • 单张

    感谢你的主要代码贡献:

    • @akbargumbira
    • @lucacasagrande
    • @walkermatt
    • @boesiii
    • @ThomasG77
    • @NathanW2
    • @nyalldawson ( 用于 faunalia/country的FTP导出)
    • @perliedman
    • @olakov

    此外,还使用了以下库:

    • ol3-layerswitcher,@walkermatt
    • autolinker。js,通过 @gregjacobs
    • @paulirish polyfill,
    • Function.prototype.bind polyfill,@mozilla
    • 标签,标签,@jacobtoye
    • 标签。按 @domoritz 定位
    • markercluster ,@danzel
    • 传单,@ljagis
    • @mlevans 散列,按
    • Proj4js,通过 @madair, @calvinmetcalf, 和其他
    • Proj4Leaflet,@kartena
    • 传单,按 @stefanocudini 搜索
    • ol3-search-layer,@ThomasG77
    • leaflet。用 @mourner 加热
    • OSMBuildings,@kekscom
    • multi-style-layer,@perliedman
    • svgshapemarkers ,@rowanwins
    • rbush,@mourner
    • Labelgun,@JamesMilnerUK
    • 标签,由 @teastman 组成
    • vectorgrid ,@IvanSanchez

    Greenkeeper badge


    WEB  plugin  EXP  导出  WEBM  Openlayers  
    相关文章