- 博客(20)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 LeaFlet学习之Handler类
前言：Handler，是地图交互的一个类，该类主要是用于和地图的一些基本的交互，例如，缩放，平移一些操作，在map类有handler对象，在map对象中，好多人误认为这是一种属性，用=进行赋值操作，这样做是错误的。下面结合map类中的对象进行一些介绍。首先看张图：一、handler类的一些基本的方法enable()该方法是启用handler disable()该方法是禁用hand...
2018-08-30 20:42:57
710
原创 OpenLayer4实现自定义地图聚类图层
前言：一直感觉不论OL还是arcgis 这个地图聚类是真的丑，实在让人看不下去，反观leaflet插件的的聚合效果那叫一个好看，个人感觉好看多了去了，那么把这个聚合效果用到OL上面去啊，这个是一个很好玩的事，本篇文章用到了自定义的聚类的扩展图层，感谢@牛老师源代码启发，在此基础上进行进一步的封装。先来张效果图：这张照片整的感觉都变形很多。其实一点没变形一、自定义扩展图层下载（git...
2018-08-26 17:28:46
2042
5
原创 关于用OpenLayer实现加载高德地图实时路况的一个尝试
更新于2019-03-04前言：前一段时间，我在一个交流群里发了一个关于用python爬取百度地图的一个poi点，群里有一个人说，如果你能爬取高德地图的车流量我可以帮你介绍工作，帮一个大学教授那工作，我当时就想笑，爬取高德地图的车流量，兄弟你想多了吧。人家付费一年收你几十万，你居然想爬取，高德地图的实时路况他没有数据，返回的是切片，高德地图官方连切片地址都不想让你找到。废话不多说开始尝试。...
2018-08-23 10:01:46
5690
8
原创 OpenLayer4结合高德API实现地图选点路径规划
前言：路径规划也是WebGIS一个特点，我们在做某些应用的时候可能会用到路径规划的功能，该功能我们也可以自己实现，利用数据等，但是OpenLayer一大特色就是加载在线地图，向高德，百度等，这些地图都提供一些api接口供大家调用获取数据，在做路径规划的时候，刚开始用的百度提供的api，发现这个路径规划的真烂你都不好意去吐槽，最后换成高德api总体效果还算满意。废话不多说进入正文。先来张图：...
2018-08-22 15:18:58
4152
6
原创 OpenLayer加载百度坐标偏移问题解决（方案二）
前言：上一篇文章介绍了百度坐标加载在，天地图，OSM像这类的非百度地图的第三方地图，本文主要讲述的用加载百度地图作为底图这样我们不再需要坐标转你，但是在使用WGS-84坐标的时候，我们需要把他们转到BD-9坐标系上才能加载到地图上的正确位置。上一篇文章中，我们只需要转换百度坐标到WGS-84。我们在网上找到的加载百度的代码，大多代码是切片是由偏移的，我们虽然能够加载百度和显示，然后因为偏移，所以我...
2018-08-21 19:56:29
2473
6
原创 LeaFlet之GeoJson类介绍
前言：对于GeoJson数据相信身为一个GISer都会多少有一些了解，是一种非常重要的数据格式，OL和LeaFlet都有读取该数据格式的方式，在LeaFlet中读取该数据的格式的一些方法，封装到GeoJson类中。一、创建形式L.geoJSON(<Object> geojson?, <GeoJSON options> options?)代码示例：L.geo...
2018-08-19 21:46:55
4534
原创 OpenLayer加载百度坐标偏移问题解决（方案一）
思路：方案一的问题就是解决百度坐标加载OSM地图或者天地图偏移的问题，我们通过百度api获取的坐标，用OL去加载的时候有坐标偏移的问题，百度坐标获取的是BD-9经过二次加密的坐标系，而OL是WGS-84要想不偏移我们应该将BD-9转到WGS-84，在这里我们用到了一个大牛编写的转换插件。插件地址：https://github.com/wandergis/coordtransform坐标不转...
2018-08-19 12:08:24
2406
2
原创 LeaFlet迁徙图的制作
前言：在arcgis openlayer 都会用到迁徙图，这些图都是为了展示一些是数据所需要的，做了一年的gis开发，给我的感受WebGIS始终围绕的是对数据的展示，并不是侧重于数据的深挖掘，WebGIS在分析上还欠完善，个人认为，现在的WebGIS还是查一查，看一看，和前几年的三维可视化差不多，废话不多说，说到用到展示数据，echarts是一个很好的工具，让leaflet和Echarts相结合，...
2018-08-18 16:08:01
3391
原创 OpenLayer4与mapV结合蜂巢图效果
在这里mapV是一款数据可视化的软件，数据的展示的效果灰常炫酷，但是问题来了，mapV是百度出的，是基于百度地图api做的，百度地图api是不开源的，说到是不是感觉很绝望，如果想做到mapV和OpenLayer结合，我们可以超图的一款api基于openlayer开发的api,刚好该api也结合mapV,我们可以间接结合二者。
2018-08-16 21:12:32
3886
6
原创 ArcGIS API For JS 实现右键菜单栏的功能
以前自己也做OpenLayer的右键菜单栏的功能，以前用的通过contextmenu事件，结合一个div,通过事件控制div的显示和隐藏。今天看的这个demo是通过arcgis api 实现的，右键菜单栏挺好用的，可以做一些快捷的操作，方便操作，是一个比较实用的功能。
2018-08-16 17:15:23
2966
3
原创 OpenLayer4结合高德地图API实现交通态势的获取信息
前言：昨天申请了一个高德地图的key值，本来想用来用python爬取高德地图的交通态势信息存储到Excel表格中，但是感觉还不如直接利用高德api和OL4结合一下直接展示到地图上看看效果如何，感觉效果并不好，差别很大 ，感觉有用的不是道路的经纬度坐标集合，而是对道路畅通的状态，以及描述。先看两张图：一、关于高德Key值得申请地址：https://lbs.amap.com...
2018-08-15 12:18:04
3585
4
原创 LeaFlet结合leaflet-dvf实现数据可视化
前言：说起来GIS我觉得侧重于分析，渲染展示，做出来一些直观的专题图让人一眼就能了解数据的含义，今天结合的leaflet的插件实现数据的可视化，该插件可以做很多的功能，下面是一些地址：api插件地址：https://github.com/humangeo/leaflet-dvf/wiki/6.-Markers#lstarmarker在线引用地址：https://cdnjs.com/libr...
2018-08-12 21:07:52
1635
原创 OpenLayer4结合Echarts3一个简单的demo
在数据可视化上，用Ecahrts挺好的，今天做一个两者结合的简单demo做到专题地图的结果，下面直接看过程。先看看图：一、js和css设置 <link rel="stylesheet" href="https://openlayers.org/en/v4.6.4/css/ol.css" type="text/css"> <script src="h...
2018-08-12 10:33:48
2060
原创 ArcGIS API For JS实现动态点扩散
在博客中分享的关于Openlayer实现点动态扩散，今天分享一下关于ArcGIS API实现点动态扩散的效果，主要还用canvas写，这中间用一个rasterLayer的扩展图层。先来看看效果： 一、完整demo代码：<!DOCTYPE html><html><head> <title>arcgis map fla...
2018-08-11 15:24:21
5865
9
原创 OpenLayer4结合百度api实现动态加载省、市、县边界
更新：这篇文章的坐标转换还是有点问题，我在另一篇文章介绍了怎么进行坐标转换传送门百度地图API给我们提供了许多的接口，还有文档，我们可以将百度地图的数据获取到（本篇直接利用api获取边界），另做他用，当然我们在获取边界的经纬度的时候会发现这个即使我们已经做到了坐标系的转换，但是误差还是有的，如果不是要求特别高的精度，可以试试用这个方法去实现边界的实时加载到天地图或者OSM等，还是比较方便的。...
2018-08-09 16:31:13
1546
原创 OpenLayer4实现卷帘效果
一、用途：卷帘效果在多个图层叠加的时候会用到。但是还想两个图层相互切换或者两个图层在一块，这个时候就用到卷帘效果，我们可以把这个卷帘做成一个label可以来回拖动，这样既可以达到控制效果，也很美观。先来张效果图：二、全部源码<!DOCTYPE html><html><head> <title>地图卷帘效果</tit...
2018-08-08 20:55:52
2631
2
原创 python结合百度api进行地理编码和爬取POI点
最近一直比较忙老师让写一个时空大数据的申请项目书，我这脑子累成狗也不成啊，唉硬着头皮要上，今天偷点空闲一直想爬取百度地图的数据，一直也没做，今天主要爬取了POI点（北京四环以内的吃饭的地方）和利用python结合百度api进行地理编码的小程序，借鉴网上的大神写的，我python本身还不是够，做一些简单的小爬虫可以，仍然需要努力。关于百度api的ak申请打开下面的网址：http://lbsyun.b...
2018-08-07 21:55:23
1122
4
原创 ArcGIS API For JS空间参考系的浅析
更新与2019年03月15日一、概述我们都知道点的意义在于坐标，没在不同的坐标系下我们的代表位置不同，坐标对于地图至关重要，缺少了坐标系地图毫无意义，我们都知道坐标一般分为地理坐标系和投影坐标系，地理坐标系用（lon, lat）表示，而投影坐标系用（x,y）表示，二者一个代表球面，一个代表平面，在arcgis中我们创建map容器时可以设置指定的坐标系，通过extent指定spatialRe...
2018-08-03 20:30:20
1314
原创 OpenLayer3.x与4.x开发总结(持续更新)
最近来实习的地方，然后具体是好是坏也不知道，和自己想象的不一样，不知道是去是留，关于GIS开发的问题感觉不再是多大难度的问题，自己也也可以快速对api适应。平时遇到一些OL3的琐碎知识点进行整理。一、关于加载天地图的函数封装代码封装： function getTdtLayer(lyr) { var url = "http://t{...
2018-08-02 22:26:56
2083
1
原创 OpenLayer4加载svg
关于加载svg 的代码，网上是少之又少，牛老师博客倒是有，但是只是核心代码，并没有给出完整的demo,而且核心代码中有个问题对于这个ol渲染不太理解的话的话应该做不出来效果，就是关于坐标转屏幕坐标的问题，必须需要地图渲染完成之后才能拿到否则没法转换，得出转换为空的结果。放个图：一、原理通过静态加载图片的方式加载svg，给定初始化范围，更重要的是给定imageSize，关于image...
2018-08-01 14:01:17
3119
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人