Tagged: leaflet

Mapbox Android SDK官方教程(一)——Mapbox Maps SDK for Android

开始mapbox的学习,额,最近好像铺的太广,leaflet、openLayer、Qgis,其实还在学Cesium,最近看这么多,主要还是因为最近项目需要,很想把这几个都过一遍,熟悉熟悉,本来打算用leaflet做的,但是后来发现leaflet内嵌到android,JS和android交互麻烦,那就还不如直接用mapbox 的android SDK,所以又开始搞一下

Leaflet 笔记六:瓦片矢量渲染

Leaflet 笔记六:瓦片矢量渲染

n n n Leaflet 笔记六:瓦片矢量渲染nngithub源码在此,希望大家一起开发,记得点星:nhttps://github.com/brandonxiang/leaflet-geojson-vtnn前言n结合地图瓦片整体介绍,我们可以知道如今互联网地图逐渐走向一个方向就是Canvas。减少实现传统的栅格瓦片,SVG。

使用ArcGIS 服务器中的认证服务

使用Esri Leaflet访问ArcGIS 企业版安全认证服务nn引言nn通过ArcGIS Server发布的认证服务需要用户名和密码才能访问。认证过程中,凭证被用于交换令牌。要在Leaflet中添加一个安全认证服务,我们将使用L.esri.post请求服务器生成令牌。这是一个原始的生成Rest令牌的示例,通过文档了解更多。nn以下是创建步骤:nn创建一个空的HTML文件,加载Leaflet、E…

Spring boot 环境下配置CKEditor添加google map

如:http://www.cnblogs.com/daxin/p/3553865.htmlrn使用leaflet的ckeditor的google map插件;rn rn1、下载、解压插件rn下载地址:rnhttp://ckeditor.com/addon/leafletrn下面是leaflet依赖的插件rnhttp://ckeditor.com…

开源1897个js

开源1897个js

D3.js 是一个基于数据操作文档JavaScript库。D3帮助你给数据带来活力通过使用HTML、SVG和CSS。D3重视Web标准为你提供现代浏览器的全部功能,而不是给你一个专有的框架。结合强大的可视化组件和数据驱动方式Dom操作。以下收集了1800+的 D3.js 示例。 nn nn113th U.S. Congressional Districtsnn20 years of the eng…

动态规划1

动态规划1

维基百科http://zh.wikipedia.org/wiki/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92rn动态规划是一种在数学和计算机科学中使用的,用于求解包含重叠子问题的最优化问题的方法。其基本思想是,将原问题分解为相似的子问题,在求解的过程中通过子问题的解求出原问题的解。动态规划的思想是多种算法的基础,被广泛应用于计算机科学和工程领域。比较著名的应用实例有:

3. 定位并添加Marker

效果图1. 配置AndroidManifest.xml1.1 声明Service组件拥有自己单独的定位service。1.2 声明权限n

leaflet.js 开发地图

leaflet.js 开发地图

最近项目需要,接触了一下osm的地图实现。并使用leafletjs实现了一些功能,此地图与百度地图的一些POI信息点有所不同,百度地图的POI点是通过计算放到每张瓦片上去的,而osm的数据全都在地图上了。当然这个也可以改变,换成我们自己的POI信息点加上去,我觉得使用离线地图的话可以考虑下这个osm,当然前提是功能不是很复杂或者要求特别高的。(当然主要看老板,哈哈。。。)废话不多说了  。。rnr

Leaflet笔记——加载WFS标准的矢量数据

Leaflet笔记——加载WFS标准的矢量数据

在学习一段时间ol之后,看到Leaflet做出的精美地图,比如绘制飞机航线图、带箭头、方向的线段等,就想研究研究。一开始也纠结openlayers和Leaflet哪个功能强大,捣鼓几天个人觉得,功能和系统性来说openlayers绝对强大,尤其对各种数据源的支持,非常全面和方便,功能封装的也比较好;Leaflet重点在于功能亮点,插件比较多,但是也比较散乱,api和帮助文档以及学习资料也远不及ol

Leaflet绘制热力图【转】

http://blog.csdn.net/giser_whu/article/details/51485871rnrnrn时下用的最多的开源二维webgis引擎应该是openlayers与leaflet了,leaflet因其轻量、灵活性得到了越来越多的应用。并且leaflet的插件也非常多,综合使用的话,可以很容易的实现数据的可视化分析与应用rnrn1、leaflet-heat插件rnleafle…

Leaflet使用GP服务实现在线插值

前期准备:nn使用ArcMap发布GP工具n 使用leaflet官方的js和cssn 点数据准备n nn正式开始:nn发布gp工具的流程不说了直接上GP截图nnnn在发布GP服务的时候需要注意几点nn为了保证GP的插值是在我们所选的范围内执行,需要设置它的插值范围,右击IDW选择属性->处理范围->选择你要的范围n 如果需要给插值服务设置颜色,就必须给输出的结果设置图层符号系统

PostGIS+GeoServer+leaflet/openlayers系列

PostGIS+GeoServer+leaflet/openlayers系列

Post+GeoServer+leaflet/openlayers文章整理rnrn黑发不知勤学早,白首方悔读书迟。rnrn只有在用的时候才会发现自己的知识是多么匮乏,最近打算系统学习一下PostGIS+GeoServer+Leaflet,也许还会涉及到Openlayers,把学习的内容做个笔记,希望可以帮到有需要的人,水平有限,不当之处请指教。rnrnUbuntu从源码编译安装PostGISrnPostGIS导…

leaflet加载tms服务

首先使用GeoServer发布tms服务 参考:基于GeoServer切片地图服务的发布 – TechSnail – 博客园 http://www.cnblogs.com/TechSnail/p/3205454.html 发布完毕,点击了“Submit”之后,等待切片任务完成,完成之后,点击左上角GeoServer的logo,进入首页,在右侧点击TMS下的版本号链接 进入服务列表,找到你…

QT使用笔记

QT使用笔记

1、警告、信息对话框n  使用QMessageBox类的静态方法n  int ret = QMessageBox::warning(this, tr(“Application”),n  tr(“The document has been modified./n”n  ”Do you want to save your changes?”),n  QMessageBox::Yes | QM

Mapshaper 笔记一:地图综合神器

n n n 地图综合神器n问题n为什么我们要做数据综合?n数据综合(Generalization),永远是GIS界一个有趣但是不老的问题。以前我一直觉得数据越多细节越好,但是并不然,因为考虑到数据加载的效率等。n数据支持nMapshaper是一个地图综合神器,它支持三种数据格式:nnShapefilenGeoJSONnTopoJSONnn步骤n上传其支持的文件,两个特…

其中的关于虚线的样式引用

其中的关于虚线的样式引用

你可以参考 border-style 的属性 。用hr 标记 border的属性为虚线就可以了rnrn或者更多专爨业解答前端学xí群 497187010rnnone 定义无边框。rnhidden 与 “none” 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。rndotted 定义点状边框。在大多数浏览器中呈现为实线。rndashed 定义虚线。在大多数浏览器中呈现为实线。rn

高亮地图点及属性信息展示优化方案

作者:小阳n1、序言本文主要是利用了UTFGrid图层快速交互获取地物信息的特点,以SuperMap iClient for JavaScript的开发作为示范。(注:要实现本文所讲述的功能,同时需要SuperMap iServer和SuperMap iClient for JavaScript 7C系列及以上的版本才支持)。在此之前,我先简要的讲一下什么是UTFGrid:UTFGrid只包含地物

地图使用小结(百度、google)

地图使用小结(百度、google)

1、轨迹回放:线条绘制与点到点动画n   百度: n线条绘制:n[BMKPolyline setPolylineWithCoordinates:coor count:count];       动画:n [UIView animateWithDuration:node.distance/30/timeFloat animations:^n currentIn

动态的设置中心坐标和缩放级别

动态的设置中心坐标和缩放级别

来自:https://yq.aliyun.com/ziliao/404630n// 获取中心点nsetCenter(points) n // 获取折线中心点坐标n if (points.length > 0) n let maxLng = points[0].lngn let minLng = points[0].lngn l…

keep buffer cache

keep buffer cache

如果某个表是热点表,经常被访问,就应该考虑将其放入 keep buffer cache.防止其被挤出default pool 。从而减少physical read所带来的I/O开销。默认的情况下 db_keep_cache_size=0,未启用,如果想要启用,需要手工设置db_keep_cache_size的值,设置了这个值之后db_cache_size 会减少。    并不是

绘制直线、矩形、曲线和多边形

绘制直线、矩形、曲线和多边形

参考:《精通GDI+编程》rnGraphics类分别对应提供了不同的函数,都需要至少创建两个对象,rn一个Graphics对象和一个画笔对象。rn画笔对象存储了所有要绘制项目的属性,如线条宽度与颜色。rn画直线:DrawLIne()rn0、Graphics构造函数rn Graphics(IN HDC hdc);rn Graphics(IN HDC hdc, IN HANDLE hdev

显示弹出窗口popup到指定位置

显示弹出窗口popup到指定位置

语法:rnpopup . show ( iX , iY , iWidth , iHeight , oElement ) rnrn参数:rniX  :  必选项。整数(Integet)。指定弹出窗口( popup )左上角横坐标。单位为像素( px )。 rniY  :  必选项。整数(Integet)。指定弹出窗口( popup )左上角纵坐标。单位为像素( px )。 rniWidth  :

离线地图覆盖marker覆盖显示弹窗闪动问题

离线地图覆盖marker覆盖显示弹窗闪动问题

最近项目中需要使用离线地图,由于百度地图没有提供web端离线地图使用方式,最后通过代码修改,增加了一版离线百度地图。nn在使用的过程中,有需求为覆盖marker显示一个弹框,由于使用onmouseover和onmouseout事件进行弹框的显示和隐藏会有弹框闪动的BUG,而且百度地图没有支持onmouseenter事件,所以最后挺难搞的。nn最后解决方案为,在弹框的最外层上增加nnpointer-…

开源GIS介绍(openlayer,leaflet,mapbox,cesium)

很多人博客(http://blog.csdn.net/happyduoduo1)私信我,问我要openlayer学习资料,由于博主移动硬盘被偷了,所以没办法,但是向我咨询的小伙伴实在太多了,我就开通一个微信订阅号,开始给小伙伴定期更新,同时也会分享一些事例和一些开源GIS方面的知识,需要的小伙伴可以关注我个人订阅号。

Leaflet API 翻译下

Leaflet API 翻译下

rnrn所以接受点对象的leaflet方法和选项都也接受他们简单数组的形式。rnrnConstructor(函数构造器)rnrnrnL.Point():用给定点的x和y坐标来创建点对象。如果round设置为true,则将x和y的值转换为圆中。?rnrnProperties(属性)rnrnrnx:x坐标。rnrny:y坐标。rnrnMeth

leaflet移除一次标记removeLayer和移除所有标记clearLayer

leaflet移除一次标记removeLayer和移除所有标记clearLayer

1. 移除一次标记用removeLayer方法      使用方法如下:          1> 全局定义一个变量    var layer;          2> 在方法中调用赋值    var latlngs=[[12,23],[经度,纬度]]         3> this.layer=L.polygon(latlngs,color:’blue’,fillColor:’…

Leaflet 加载天地图

Leaflet 加载天地图

n var normalMapm = L.tileLayer(‘http://t3.tianditu.com/vec_c/wmts?layer=vec&style=default&tilematrixset=c&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix…

使用要素图层

原文地址:Working with feature layersnn学习在Leaflet中如何使用要素图层,本教程假设你已经知道如何创建基本的Leaflet地图了,不会的请参考 Esri Leaflet 第一个例子:加载ArcGIS底图。

openStreetMap ,Leaflet and XGeocoding V2之初步使用

openStreetMap ,Leaflet and XGeocoding V2之初步使用

osm的用处nleaflet的用处n利用XGeocoding V2批量转换地址的经纬度osm的用处可以导出画地图所需要的数据n[osm](http://blog.csdn.net/whqet)leaflet的用处leaflet作为广为应用的开源地图操作的API,是非常受欢迎,轻量级的代码让使用者更容易操作n首先在这个网站下载leaflet的压缩包,其中包括了其一些范例

处理大数据量栅格数据的经验

处理大数据量栅格数据的经验 最近,从网上下载了份全美分带分块的DEM数据,因为应用需要,需要将这些分块的DEM镶嵌成为一个DEM。在数据处理的过程中,遇到了一些问题,也积攒了一些经验,所以,就在此把这次经验分享,希望自己的经验能有用武之地。n1.下载数据从http://srtm.csi.cgiar.org/SELECTION/inputCoord.asp这个网站上,除了夏威夷州,美国本土范围

宗海图绘制的关键问题

rn更多资讯请见xiaok海洋测绘网rn最近国务院取消海域使用资质,海域使用论证完全放开。虽然放开了,但是最好还是请专业人士来干。rn特别是宗海图的绘制,尤其需要注意。rn宗海图绘制的关键部分在于坐标和坐标系统。rn站长已经遇到很多这方面的案例:rn(1)站长的一个朋友绘制宗海图竟然用自己编的没有验证的程序进行坐标转换,结果提交宗海图rn       坐标有误,后来批了,再做旁边的项目时,发现

基于postGIS的室内地图最短路径算法一

基于postGIS的室内地图最短路径算法一

上篇博文上提到了最短路径算法,最近在研究室内地图;rn因为不同楼层的原因,需要对多楼层路网数据做统一处理。然后才能方便的进行路径分析。rn这里对比上一篇的文章中的算法,这里加入了楼层参数,代码如下:rnrnrn–tbl路网表名n–startx起点经度n–starty起点纬度n–endx终点经度n–endy终点纬度n–fnumber楼层nCREATE OR REPLACE functio

地图播放轨迹

地图播放轨迹

vue—等待数据请求,异步操作,等待数据画路线,画完路线异步实例lushu,实例好lushu后开始播放。在每次播放前都清除一次_marker和polylinenn.catch(err => n console.log(err);n )nn接住, nmethods中的方法nnmethods:n //播放轨迹n playTrack(isRun, …

易出错的地方

易出错的地方

一  二分查找算法:1、递归方法实现:int BSearch(elemtype a[],elemtype x,int low,int high)/*在下届为low,上界为high的数组a中折半查找数据元素x*/  int mid;  if(low>high) return -1;  mid=(low+high)/2;  if(x==a[mid]) return mid;  if(x  else

LeaFlet加载矢量切片

rn已经谢过了Openlayer的矢量切片,在这里写一篇关于LeaFlet加载矢量切片的文章,关于矢量切片的概念可以参考我写OpenLayer加载矢量切片的那篇文章传送文章rnrn一、效果图rnrn二、需要用到的插件rnleaflet 需要使用插件L.vectorGrid.protobuf 这只是插件的一个类用来加载pbf,L.VectorGrid.Slicer

R语言:leafletCN的应用

leafletCN n1、安装## 稳定版ninstall.packages(“leafletCN”)n## 开发版ndevtools::install_github(“lchiffon/leafletCN”)主函数介绍: nregionNames:找地名函数,极其方便 ndemomap:有地名就给你输出一个交互、动态的区域图,真方便 ngeojsonMap:作用是分区块标色2、主函数介绍 n(1)

R语言在线地图神器:Leaflet for R包(一)

一、简介做Javascript相关地图开发的码农,特别关心可视化和开源的同学,都听说过Leaflet这样一个神包(神马,你没有听说过……好吧,当我没说,你自己先搜索一下……)用官方(自吹自擂)的话来说,Leaflet包是号称最受欢迎的JS的开源交互式地图包( most popular open-source JavaScript libraries for interactive

基于Leaflet的地图导航与左右转弯提示

最近的一个小项目需求,需要在路径导航的基础上,增加左右转弯的提示,效果图吐下:nnnnnn导航的算法在之前的博文中均有提到,这里就提供一下左转右转的计算代码:nnn/**n * point1,2,2均为屏幕像素点,leaflet提供了转换方法n * @param point1n * @param point2n * @param point3n */nfunction

Leaflet地图框架使用手册——L.ImageOverlay

Leaflet地图框架使用手册——L.ImageOverlay

用来在地图上规定范围内载入和显示单幅图像,继承自ILayer。nnConstructor(函数构造器)nnL.ImageOverlay():通过给定图像的URL和相关的地理范围来实例化一个图像叠加层对象。nnOptions(选项)nnopacity:图像叠加层的透明度。nnMethods(方法)nnaddTo():将图像叠加层添加到地图上。nsetOpacity():设置叠加层的透明度。nbrin…

Leaflet的Vue组件 — Vue2Leaflet

n 原文地址:Leaflet的Vue组件 — Vue2Leafletnnn这两天折腾Vue,在GitHub上发现了一个开源项目Vue2Leaflet,Vue2Leaflet是一个Vue框架的JavaScript库,封装了Leaflet,它使构建地图变得更简单。

使用Leaflet绘制上海地铁地图

library(leaflet)nlibrary(data.table)nlibrary(dplyr)nstations <- fread('https://raw.githubusercontent.com/jeevanyue/jeevanyue.github.io/master/data/stations.csv',encoding='UTF-8')nnstations

Leaflet双屏对比,地图联动

Leaflet双屏对比,地图联动

n第一条博客,leaflet的双屏对比或者说地图联动。n话不多说直接上代码nnnn n leafletdemo</title&a </p> </div><!--/.entry--> </div><!--/.post-content--> </div><!--/.post-inner--> </article><!--/.post--> <article id="post-17744" class="group post-standard post-17744 post type-post status-publish format-standard hentry category-leaflet tag-leaflet tag-leafletgraphhopper"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17744/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="基于Leaflet和GraphHopper的离线路径规划" /> </a> </div><!--/.post-thumbnail--> <div class="post-content"> <div class="post-meta group"> <p class="post-category"><a href="https://www.giserdqy.com/secdev/leaflet/" rel="category tag">leaflet</a></p> <p class="post-date">2019-04-03</p> </div><!--/.post-meta--> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17744/" rel="bookmark">基于Leaflet和GraphHopper的离线路径规划</a> </h2><!--/.post-title--> <div class="entry excerpt"> <p>leaflet是一个为建设移动设备友好的互动地图,而开发的现代的、开源的JS库,只有33K,设计简单、高效、可用性好,支持多浏览器,支持插件扩展,有一个友好的,易于使用的api文档和一个简单的、可读的源代码。 leaflet通过leaflet.routing.machine插件,支持路径规划。…</p> </div><!--/.entry--> </div><!--/.post-content--> </div><!--/.post-inner--> </article><!--/.post--> <article id="post-17742" class="group post-standard post-17742 post type-post status-publish format-standard hentry category-leaflet tag-leaflet"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17742/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="Leaflet实现风场流动效果" /> </a> </div><!--/.post-thumbnail--> <div class="post-content"> <div class="post-meta group"> <p class="post-category"><a href="https://www.giserdqy.com/secdev/leaflet/" rel="category tag">leaflet</a></p> <p class="post-date">2019-04-03</p> </div><!--/.post-meta--> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17742/" rel="bookmark">Leaflet实现风场流动效果</a> </h2><!--/.post-title--> <div class="entry excerpt"> <p>插件下载地址https://download.csdn.net/download/qq_35131811/10674594nnLeaflet实现风场流动效果nn1、将leaflet-velocity相关的文件copy到项目目录下,并引用到页面里nn2、新建layer并添加到map里,生成的风场效果可以通过下图所示参数进行控制,nn也可以直接更改leaflet-velocity.js,如下图:nn数…</p> </div><!--/.entry--> </div><!--/.post-content--> </div><!--/.post-inner--> </article><!--/.post--> <article id="post-14669" class="group post-standard post-14669 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/14669/"> </a> </div><!--/.post-thumbnail--> <div class="post-content"> <div class="post-meta group"> <p class="post-category"><a href="https://www.giserdqy.com/secdev/leaflet/" rel="category tag">leaflet</a></p> <p class="post-date">2019-04-02</p> </div><!--/.post-meta--> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/14669/" rel="bookmark">Leaflet调用谷歌地图、天地图、智图地图、高德题图一键搞定</a> </h2><!--/.post-title--> <div class="entry excerpt"> <p>Leaflet调用各种地图的功能十分复杂,幸好有leaflet.ChineseTmsProviders这个插件,这四种地图直接就可以加载进来,十分方便。n下面是我做的例子:</p> </div><!--/.entry--> </div><!--/.post-content--> </div><!--/.post-inner--> </article><!--/.post--> <article id="post-14665" class="group post-standard post-14665 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-leaflet-leaflet-quick-start-guide"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/14665/"> <img width="320" height="212" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180528210842175-1.jpg" class="attachment-kontrast-standard size-kontrast-standard wp-post-image" alt="" decoding="async" srcset="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180528210842175-1.jpg 750w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180528210842175-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_198 300w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div><!--/.post-thumbnail--> <div class="post-content"> <div class="post-meta group"> <p class="post-category"><a href="https://www.giserdqy.com/secdev/leaflet/" rel="category tag">leaflet</a></p> <p class="post-date">2019-04-02</p> </div><!--/.post-meta--> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/14665/" rel="bookmark">Leaflet官方教程(一)——Leaflet Quick Start Guide</a> </h2><!--/.post-title--> <div class="entry excerpt"> <p>Leaflet Quick Start Guide一步一步开始使用leaflet基础,包括设置leaflet地图、添加markers、polylines和popups、处理事件。Preparing your page在开始写地图代码之前,你需要做一些…</p> </div><!--/.entry--> </div><!--/.post-content--> </div><!--/.post-inner--> </article><!--/.post--> <article id="post-14662" class="group post-standard post-14662 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-esri-leaflet3- tag-leaflet"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/14662/"> <img width="221" height="320" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20170209150412148-1.jpg" class="attachment-kontrast-standard size-kontrast-standard wp-post-image" alt="" decoding="async" srcset="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20170209150412148-1.jpg 360w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20170209150412148-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_207,h_300 207w" sizes="(max-width: 221px) 100vw, 221px" loading="eager" /> </a> </div><!--/.post-thumbnail--> <div class="post-content"> <div class="post-meta group"> <p class="post-category"><a href="https://www.giserdqy.com/secdev/leaflet/" rel="category tag">leaflet</a></p> <p class="post-date">2019-04-02</p> </div><!--/.post-meta--> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/14662/" rel="bookmark">esri-leaflet入门教程(3)-自定义底图</a> </h2><!--/.post-title--> <div class="entry excerpt"> <p>esri-leaflet入门教程(3)-自定义底图 by 李远祥       在前面的篇章我们已经了解到了怎么样使用FlatUI、leaflet和esri-leaflet 去搭建简单的地图应用界面了。如果有着手写代码的朋友可能已经发现第一个Hello World 程序,使用的就是esri 的 Topographic 样式底图。</p> </div><!--/.entry--> </div><!--/.post-content--> </div><!--/.post-inner--> </article><!--/.post--> <article id="post-14658" class="group post-standard post-14658 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag--leaflet-"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/14658/"> <img width="261" height="320" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180920212552557-1.jpg" class="attachment-kontrast-standard size-kontrast-standard wp-post-image" alt="" decoding="async" srcset="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180920212552557-1.jpg 375w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180920212552557-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_245,h_300 245w" sizes="(max-width: 261px) 100vw, 261px" loading="eager" /> </a> </div><!--/.post-thumbnail--> <div class="post-content"> <div class="post-meta group"> <p class="post-category"><a href="https://www.giserdqy.com/secdev/leaflet/" rel="category tag">leaflet</a></p> <p class="post-date">2019-04-02</p> </div><!--/.post-meta--> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/14658/" rel="bookmark">微信地图 leaflet 腾讯地图</a> </h2><!--/.post-title--> <div class="entry excerpt"> <p>n其中关于正确使用腾讯地图参考了https://github.com/wuxiashuangji/TXMapTitleLayern1、首先安装leaflet库nyarn add leafletnn2、正常引入leaflet资源n<script s... </p> </div><!--/.entry--> </div><!--/.post-content--> </div><!--/.post-inner--> </article><!--/.post--> <article id="post-14653" class="group post-standard post-14653 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-leaflet-vackbot-"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/14653/"> <img width="320" height="169" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180731190806158-1.jpg" class="attachment-kontrast-standard size-kontrast-standard wp-post-image" alt="" decoding="async" loading="eager" /> </a> </div><!--/.post-thumbnail--> <div class="post-content"> <div class="post-meta group"> <p class="post-category"><a href="https://www.giserdqy.com/secdev/leaflet/" rel="category tag">leaflet</a></p> <p class="post-date">2019-04-02</p> </div><!--/.post-meta--> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/14653/" rel="bookmark">leaflet地图和飞线 vackbot 墨云科技</a> </h2><!--/.post-title--> <div class="entry excerpt"> <p>DOCTYPE html>n<html lang="en">n<head>n<meta charset="UTF-8">n<title>js地图-leafletn

LeaFlet学习之Handler类

前言:Handler,是地图交互的一个类,该类主要是用于和地图的一些基本的交互,例如,缩放,平移一些操作,在map类有handler对象,在map对象中,好多人误认为这是一种属性,用=进行赋值操作,这样做是错误的。下面结合map类中的对象进行一些介绍。nn首先看张图:nnnn一、handler类的一些基本的方法nnenable()该方法是启用handlern disable()该方法是禁用hand…