使用leaflet制作二维gis地图

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用leaflet制作二维gis地图相关的知识,希望对你有一定的参考价值。

参考技术A https://leafletjs.com/
先贴上leaflet的官网,官网偶尔会抽风打不开。
二维gis开发的api基本大同小异,像百度地图、高德地图、腾讯地图等开发起来比较相似。
推荐先引入 chinaProvider ,免去缓慢加载的烦恼。
1.地图控件

2.地图上添加站点

3.路线展示与控制显隐(计划施工路段/实际施工路段)

使用GIS制作静态地图和处理地理数据

原文链接:http://tecdat.cn/?p=8057

 

QGIS简介

GQIS是领先的免费开放源地理信息系统(GIS)应用程序。它能够进行复杂的地理数据处理和分析,还可以用于设计发布质量的数据驱动地图。

 启动QGIS, 应该看到类似以下的屏幕:

技术图片技术图片?

 

 如果您的屏幕看起来与众不同,请View>Panels从顶部菜单中选择并检查选项,如下所示:

技术图片技术图片?

 

然后选择View>Toolbars并检查选项,如下所示:

技术图片技术图片?

 

我们今天将使用的数据

  •  seismicShapefile,其中包含来自美国地质调查局的 2017年美国大陆遭受破坏性地震风险的数据。
  • seismic_raw 如上所述,但不限于美国的海岸和边界。
  • gdp_pc
    • gpd_pc.csv gdp_pc.csvt包含世界银行 2016年世界各国人均GDP 数据的 CSV文件,以及QGIS的辅助文件,以了解每个字段的数据类型。
  • ne_50m_admin_0_countries_lakes 具有世界各国边界数据??的 地球shapefile
  • sf_test_addresses Shapefile来自我们在第9周进行地理编码的地址。
  • quakes.csv该文件不在文件夹中。相反,我们将
    使用美国地质调查局的地震档案 API,我们将所有的地震,因为1960年搜索用大小为6以上所发生witin6000公里美国本土的地理中心 。名为query.csv应该下载的文件。重命名quakes.csv并添加到week10文件夹。

绘制地震风险和地震图

制作一个choropleth地图,显示美国大陆的地震风险

 

选择Layer>Add Layer>Add Vector Layer...或单击此图标:

技术图片技术图片?

 

在对话框中,单击下面带有三个点的按钮,Source然后导航到文件seismic。选择带有.shp扩展名的文件很重要。然后单击AddClose将出现以下地图,并用随机颜色填充:

技术图片技术图片?

 

Layers左侧面板应该显示seismic层。您可以通过取消选中Layers面板中的复选框来关闭任何图层的可见性。 

这些控件使您可以平移和缩放显示:

技术图片技术图片?

 

通过在Layers面板中右键单击并选择,可以将显示集中在任何图层的整个范围内Zoom to layer

注意EPSG:4326右下角。这将定义图层的地图投影和基准。

技术图片技术图片?右键单击seismicLayers左边,选择面板Properties>Source。您应该在下面看到以下内容Coordinate reference system

 

 

 我们稍后将为地图选择另一个投影。单击CancelOK关闭Properties该层。

现在,我们需要sesimic通过数据中的值为图层的区域着色。右键单击Layers面板中的图层,然后选择Open Attribute Table,它对应于.dbfshapefile的:

技术图片技术图片?

 

有一个变量,ValueRange给出了2017年遭受破坏性地震的机会百分比。

关闭属性表并Properties>Symbology为该seismic图层打开。Categorized从顶部的下拉菜单中选择,这是根据分类变量的值为数据着色的选项,然后ValueRange在下选择Column

单击Classify按钮,数据中的值将被分配随机颜色:

技术图片技术图片?

 

请注意,该范围10-12是乱序的  。现在单击并将范围拖动10-12到正确的位置。

技术图片技术图片?

 

现在,单击Color ramp下拉菜单,选择Create New Color Ramp, and at the next dialog box select目录:ColorBrewer`:

技术图片技术图片?

 

选择ColorBrewer Reds调色板,单击OK,地图应如下所示:

技术图片技术图片?

 

接下来,我们将删除多边形周围的黑色轮廓。Properties>Symbology再次打开,然后单击下方的彩色正方形SymbolSimple fill在对话框中选择,然后更改Stroke styleNo Pen

 

单击OK每个对话框,地图现在应如下所示:

技术图片技术图片?

 

 

如果您有任何疑问,请在下面发表评论。 

 

技术图片?

 

  

大数据部落 -中国专业的第三方数据服务提供商,提供定制化的一站式数据挖掘和统计分析咨询服务

统计分析和数据挖掘咨询服务:y0.cn/teradat(咨询服务请联系官网客服

技术图片?技术图片QQ:3025393450

 

技术图片?QQ交流群:186388004 技术图片

【服务场景】  

科研项目; 公司项目外包;线上线下一对一培训;数据爬虫采集;学术研究;报告撰写;市场调查。

【大数据部落】提供定制化的一站式数据挖掘和统计分析咨询

技术图片

欢迎选修我们的R语言数据分析挖掘必知必会课程!

技术图片

以上是关于使用leaflet制作二维gis地图的主要内容,如果未能解决你的问题,请参考以下文章

Gis地图离线路由规划服务搭建

Gis地图离线路由规划服务搭建

d3.js,openlayer,Leaflet或其他,哪些适合Web GIS的开发?

gis软件都有哪些。怎么办?

R中GIS地图的自动标签放置

gis地图的铁路线路怎么画上的