【WebGIS初学到入职】_ReBeX的博客-优快云博客

【WebGIS初学到入职】

关注

文章平均质量分 77

主要使用OpenLayers 6。一起进步一起学习吧，终究目标是毕业拿到一份不错的offer。

关注数：文章数：21 文章阅读量：39525 文章收藏量：260

作者: ReBeX

世界和平。

展开

专栏收录文章

【WebGIS面试经验】（四）第一次社招面试也是第一次线下面试

第一次参加线下面试，也是我参加的第一次社招。

原创 2023-11-15 08:48:18 · 851 阅读 · 4 评论
【WebGIS初学到入职】（15）入职一年的总结与分享

入职一年的经验总结与分享。

原创 2023-07-09 16:52:54 · 692 阅读 · 2 评论
【WebGIS初学到入职】（14）GeoJSON与EsriJSON的对比与转换

GeoJSON与EsriJSON的对比与转换

原创 2023-05-16 16:33:48 · 1642 阅读 · 0 评论
【WebGIS初学到入职】第二阶段的小结

自己开发学习的第二阶段小结

原创 2023-05-07 18:10:44 · 884 阅读 · 5 评论
【WebGIS初学到入职】（13）入职一个月的总结与分享

关于自己踏入社会正式工作后的一些分享。

原创 2022-09-04 21:33:44 · 952 阅读 · 2 评论
【WebGIS初学到入职】（12）从OpenLayers官网案例出发

一、前言OpenLayers的官网给我们提供了相当多的例子，打开一个例子你就能直接看到运行效果还有一些说明，接着就是下面的代码：main.js、index.html、package.json但如果一个纯纯纯小白比如我，点开来之后可能会有些懵：还没学到JS模块化编程，就可能看不懂这一堆的import：import 'ol/ol.css';import Map from 'ol/Map';import OSM from 'ol/source/OSM';或者是还没学过node.js的可能会不知道

原创 2021-12-14 21:38:21 · 2091 阅读 · 5 评论
【WebGIS初学到入职】第一阶段的小结

WebGIS第一阶段的学习就到这了，附上所有源代码。之后就要开始学node.js和vue.js来搭配OpenLayers来用啦~

原创 2021-12-14 21:00:34 · 1407 阅读 · 6 评论
【WebGIS初学到入职】（十一）用OpenLayers实现图层管理功能——图层级数修改

一、前言前置：【WebGIS初学到入职】（九）用OpenLayers实现图层管理功能然后本篇在上篇的基础上，修改了读取图层的代码（用模板字面量来做），然后添加了图层级数修改功能。二、代码主要的JavaScript部分： let layer = []; //map中的图层数组 let layerZIndex = []; //图层级数数组 let layerName = []; //图层名称数组

原创 2021-10-31 17:45:52 · 1081 阅读 · 3 评论
【WebGIS面试经验】（三）本可以表现得更好的面试

一、前言本来打算停一停应聘，再学一段时间技术的。结果来个个挺不错的公司来我们学校宣讲。然后我就投简历了……就这就有了这次的面试经历。GIS开发工程师，广州，私企，第一面为现场宣讲会综合面试，第二面为技术面试（线上腾讯会议）。而我的简历上，关于技术部分是这么写的：（真就只有这么一点）二、面试问题做个自我介绍吧你主要是使用什么语言开发的？网络开发方面的基本问题：post和get有什么不同你刚才说比较了解OGC标准，说说WMS和WMTS的区别你刚刚说WMTS服务涉及到切片，说说你对切片层

原创 2021-10-28 22:42:30 · 2607 阅读 · 2 评论
【WebGIS初学到入职】（十）在OpenLayers修改地图级数

一、前言图层等级的修改是一个很基础但又并不是很常用的功能，但抱着学习的态度，还是去学了一下，就当作是为了加深Openlayers API的使用了。二、实现可以通过单击按钮，或者直接在输入框处按回车键进行修改图层级数。<div id="zoom"> <input id="zoomButtom" type="button" value="设置地图显示级数" onclick="zoomToLevel()" /> <input id="zoomLevel" type

原创 2021-10-28 16:40:37 · 932 阅读 · 0 评论
【WebGIS初学到入职】（九）用OpenLayers实现图层管理功能

一、前言目前能达到的功能：自动识别已加载的图层到图层列表中可以开启或关闭图层参考书籍：《WebGIS之OpenLayers全面解析第二版》二、开始<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &lt

原创 2021-10-21 22:24:08 · 2169 阅读 · 0 评论
【WebGIS初学到入职】（八）用OpenLayers实现图层卷帘效果

一、前言图层卷帘可以做到一种地图视觉效果。能够轻易得做到展示、对比两份地图。官网实例：Layer Swipe参考博客：Openlayers官方示例详解五之图层卷帘（Layer Swipe）二、开始<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=

原创 2021-10-16 18:16:39 · 1167 阅读 · 2 评论
【WebGIS面试经验】（二）让我重新认知自己的面试

一、前言在正式开始之前，要提一下我的上一次面试经历：（面经）本以为没戏却成功了的面试，这是我第一次参加面试，而且是在学习WebGIS不到2个月的情况下进行的。但是我却通过了，而且拿到了一个对于应届生来说比较好的薪资。老实说我有点膨胀，然后特别是在我又学了一个月WebGIS的情况下，我参加了这一次的面试：GIS开发工程师，广州，私企，第一面为技术面试（电话进行）而我的简历上，关于技术部分是这么写的：二、面试问题没有让我做自我介绍，下面是这次电话面试提到的问题：你对前端有多少了解？你对前

原创 2021-10-13 00:30:55 · 2949 阅读 · 5 评论
【WebGIS初学到入职】（七）用OpenLayers绘制热力图

一、前言做地图开发，往往需要掌握专题地图制作的技能。今天就继续用OpenLayers6来做一个热力图的效果吧。来自——官网实例：EarthquakesHeatmap二、开始<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

原创 2021-10-11 01:24:36 · 3647 阅读 · 0 评论
【WebGIS初学到入职】（六）用OpenLayers加载GeoServer发布的WMS服务

一、前言我在学习过程中，是租了一台服务器在上面搭建配置相关的服务，然后通过QGIS向PostgreSQL数据库添加数据，然后有向GeoServer中添加图层，之后用OpenLayers加载GeoServer根据WMS规范发布的图层。大家可以自己在本地搭建GeoServer，然后直接向里面添加图层数据，也可以自己租一台服务器来弄。可选准备：【配置PostGIS】Ubuntu20.04+PostgreSQL+pgAdmin4+PostGIS【配置Geoserver】Ubuntu 20.04+J

原创 2021-10-08 16:16:45 · 1190 阅读 · 5 评论
【WebGIS初学到入职】（五）关于地图服务规范

一、前言WebGIS的一大特点是跨平台性，而为了保证这个特性，便需要一个专门的规范来保证Web服务能够正确开发与工作。而开放地理空间信息联盟（OGC）定义的一系列Web地理信息服务的抽象接口和实现规范，包括WMS、WMTS、WFS、WCS等，是应聘面试时会提到的问题，也是实际工作中需要掌握的一项基本能力。二、WMSThe OpenGIS® Web Map Service Interface Standard (WMS网络地图服务) 提供了一个简单的 HTTP 接口，用于从一个或多个分布式地理空间数据

原创 2021-10-08 15:32:32 · 934 阅读 · 0 评论
【WebGIS初学到入职】（四）实现底图切换（附：常用在线瓦片地图服务链接）

一、前言从上一条博客【WebGIS初学到入职】（三）从Web地图实例出发，我们成功得在网页上展示了一张OSM的地图。那么今天，我们依靠修改所展示图层的方式，在OpenLayers来完成底图切换的功能。并且我会在章末收集汇总展示我们常用的在线瓦片底图服务的URL。二、实现方法有很多方法可以实现底图（图层）的切换，而这里我介绍最简单的一种：利用OpenLayers提供的addLayer()和removeLayer()来添加和移除图层。下面这个例子就是实现天地图、OSM、Stamen三者的切换主要

原创 2021-09-28 17:57:15 · 1979 阅读 · 0 评论
【WebGIS初学到入职】（三）从Web地图实例出发

一、前言这里，我们直接从一个项目开始。边做边学边补充自己的技术栈。而今天，我们利用OpenLayers来完成一张地图的展示。首先，你需要：掌握HTML熟悉CSS了解JavaScript有GIS基础二、开始<!DOCTYPE html><html><head> <title>加载OSM地图</title> <link href="https://openlayers.org/en/v6.5.0/css/

原创 2021-09-26 16:27:21 · 2477 阅读 · 7 评论
【WebGIS初学到入职】（二）从Web前端开始

一、前言在学习之前，我们需要对WebGIS有一个大概的认知。大家可以在中国大学mooc上看一门《Web GIS原理与应用》的课来快速入门。然后，我们就开始按照企业的招聘简章上的任职资格开始正式学习WebGIS。首先默认你有一定的地理信息相关知识。（没有GIS相关知识储备的话，还不如直接学习去做前端工程师咧）那么，现在我们就要从最基础的Web前端学起。二、Web前端1. 首先HTML5+CSS3秋招在即，求职的鸭力轧在身上，时间没那么充裕，那就只好直接先堆砌知识点，记住那些标签的作用先：这里推

原创 2021-09-22 13:00:24 · 1318 阅读 · 0 评论
【WebGIS初学到入职】（一）明确学习内容

首先说明一下：一，我还没入职。二，这系列博客废话很多，只适合和我一样打算踏入WebGIS行业的小白看。三，我深刻认识自己的不足并且虚心接受建议与意见。我只是一名测绘工程的大四应届生，而我写这些就是为了分享、记录一下我学习WebGIS的这个过程，以及不久之后我可能就要面临投递简历到面试等总总的困难。今天是中秋节，虽然我知道没几个人会看到这篇博客，但还是祝看到的各位中秋快乐。这系列博客我会持续更新，更新到最后，要么是我成功入职的喜讯，要么就是我面试失败之后分享出来的面经。

原创 2021-09-21 16:18:36 · 1352 阅读 · 7 评论
【WebGIS面试经验】（一）本以为没戏却成功了的面试

一、前言前天突然接到一个面试电话，说是我上周投递的一个WebGIS开发工程师的校招岗位可以参与线上面试了。我本以为面试会安排在10月中下旬（因为我看到很多企业是这样安排），当时我就感叹这个企业的工作效率真高。。。首先要告诉大家：这次是一面（技术面），一对一。然后我的简历关于WebGIS部分是这么写的：二、面试过程我发现这次的面试，hr问的问题大多都是我上一句话提及的相关内容，或者从我做的项目中提问下面是面试中提到的问题：先用两只三分钟做一个自我介绍？关于你搭建的平台，都用了哪些技术栈

原创 2021-09-24 15:30:16 · 7211 阅读 · 3 评论

【WebGIS初学到入职】

作者: ReBeX

【WebGIS面试经验】（四）第一次社招面试也是第一次线下面试

【WebGIS初学到入职】（15）入职一年的总结与分享

【WebGIS初学到入职】（14）GeoJSON与EsriJSON的对比与转换

【WebGIS初学到入职】第二阶段的小结

【WebGIS初学到入职】（13）入职一个月的总结与分享

【WebGIS初学到入职】（12）从OpenLayers官网案例出发

【WebGIS初学到入职】第一阶段的小结

【WebGIS初学到入职】（十一）用OpenLayers实现图层管理功能——图层级数修改

【WebGIS面试经验】（三）本可以表现得更好的面试

【WebGIS初学到入职】（十）在OpenLayers修改地图级数

【WebGIS初学到入职】（九）用OpenLayers实现图层管理功能

【WebGIS初学到入职】（八）用OpenLayers实现图层卷帘效果

【WebGIS面试经验】（二）让我重新认知自己的面试

【WebGIS初学到入职】（七）用OpenLayers绘制热力图

【WebGIS初学到入职】（六）用OpenLayers加载GeoServer发布的WMS服务

【WebGIS初学到入职】（五）关于地图服务规范

【WebGIS初学到入职】（四）实现底图切换（附：常用在线瓦片地图服务链接）

【WebGIS初学到入职】（三）从Web地图实例出发

【WebGIS初学到入职】（二）从Web前端开始

【WebGIS初学到入职】（一）明确学习内容

【WebGIS面试经验】（一）本以为没戏却成功了的面试