leafLet 第12页

GIS开发：开源gdal切片

切片数据可以直接按照目录发布，也可发布成tms、wmts服务，开源的二维地图引擎leaflet、openlayers等，或商用的高德、百度地图引擎，都能直接利用a

wclwksn2019·2020-08-15 19:40

leaflet实现动态地图风场效果

leaflet风场插件首先，这里需要用到一款leaflet插件，插件来自github，插件地址：https://github.com/danwild/leaflet-velocity（感谢作者开源贡献）

此爱如少年·2020-08-15 19:41

leaflet添加、移除、激发事件(evented)

转载：https://blog.csdn.net/u014711094/article/details/78918622jsrun查看测试效果：http://jsrun.net/aiqKp/editleaflet

☆L↑H★·2020-08-15 19:20

【leaflet】 leaflet移除地图上所有marker(layers)

leaflet批量移除地图上的marker可采用分组的方式，然后用分组批量清除，如下所示:批量生成marker[javascript]viewplaincopyvarlayers=[];for(vari

sgy86·2020-08-15 19:11

leaflet 添加聚合marker点

-->北京市顺义区学校聚合marker点html,body,#map{height:100%;padding:0;margin:0;}varlatlng=L.latLng(39.924,116.463);varmap=L.map('map',{center:latlng,zoom:3});varbaseLayers={"高德地图":L.tileLayer('http://webrd0{s}.is.

炉火纯青-旺·2020-08-15 19:04

leaflet怎么获取矩形的中心点位 getCenter()

this.polygonPosition),{weight:2,draggable:true,transform:true,fillColor:"transport",fillOpacity:0}).addTo(this.leafletService.map

wyr_xiaowu·2020-08-15 19:03

leaflet 添加矩形，可放大缩小，可移动，可旋转（transform）

this.polygonPosition),{weight:2,draggable:true,transform:true,fillColor:"transport",fillOpacity:0}).addTo(this.leafletService.map

wyr_xiaowu·2020-08-15 19:03

leaflet动态添加路线--L.Polyline.AntPath

1.下载leaflet-ant-path依赖包npminstallleaflet-ant-path2.在项目中引用此js文件"src/assets/js/ant-path/leaflet-ant-path.js

wyr_xiaowu·2020-08-15 19:59

【转载】天地图、百度、高德、腾讯、Leaflet、openlayers地图图片叠加层切片生成工具使用指南(20191007修改)

高德加载自定义切片示例http://www.1hwj.net/down/gaode/map_gd.htmlhttp://www.1hwj.net/map/gaode/map_gd.html切片工具标准测试版下载：https://pan.baidu.com/s/1WLePRWZvmAX6BSOwy0ZuSg切片工具专业测试版下载：https://pan.baidu.com/s/1YhZ7w61EG7

为了淑宝努力努力·2020-08-15 19:22

使用leaflet加载本地离线地图瓦片的一个最简单地例子

第一步:首先我们到https://leafletjs.com/:下载https://cdn.leafletjs.com/leaflet/v1.6.0/leaflet.zip最新的稳定版本是1.6.0第二步

netying·2020-08-15 19:21

leaflet.js地图制作中篇— —点、线、面、图层，的添加删除与相关鼠标操作；

1.featureGroup图层创建在实际项目中地图数据分为不同类型，这时如果把所有数据同时加载到地图上来进行操作会带来各种问题，所以此时需要利用L.featureGroup方法创建不同的图层，用来加载不同类型的数据，以方便操作，具体方法如下：var_viewSpotLayer=newL.featureGroup([]);_map.addLayer(_viewSpotLayer);如需要清除图层上

This_尘渊·2020-08-15 18:15

Openlayer 数据可视化开发笔记

前言很长一段时间，在我的认知里，对地图的理解都只是在百度和高德，直到我换了工作岗位后，才知道原来有个很有名的开源地图库叫作Openlayer（与它同级别的还有Leaflet），因为项目需要，所以开始学习这个库

洲上牧童·2020-08-15 18:17

openLayers6系列理论基础——Map篇

openLayers6系列理论基础——Map篇最近开源GIS这块尝试的比较多，leaflet、ol等都接触了一下，主要是因为项目中有需求，想了解下这些开源的GIS到底哪些好用。

小湾生产队队长·2020-08-15 18:08

地图瓦片整体介绍

前端js地图框架，如openlayer和leaflet，按一定规则编排显示，如百度地图，高德地图，天地图等。栅格瓦片地图的渲染技术已经成熟，可以实现栅格渲染，矢量渲染两种。

GISEarth·2020-08-15 18:37

Leaflet与OpenLayer

Leaflet是一个开源的地图Javascript库，它由UniversalMind的VladimirAgafonkin创建的。我们将在一个应用程序中使用这个封装组件。

Evan_Gu·2020-08-15 18:54

Leaflet初体验0x4：交互式等值图

利用GeoJSON和一些自定义控件创建一个彩色交互式美国各州人口密度分布图的案例。数据源GeoJSON数据(us-states.js)的每个要素结构如下:{"type":"Feature","properties":{"name":"Alabama","density":94.65},"geometry":......}基础地图使用自定义的Mapbox样式的将各州的数据展示到地图上，灰色瓦片是可视

cellinlab·2020-08-15 18:21

OpenLayers介绍

实现对标准格式发布的地图数据进行访问二、OpenLayers定位GIS前端渲染库主要分类：在线地图lbs服务；例如：百度地图、高德地图、谷歌地图等数据可视化库；例如：Echarts、D3.jsGIS地图库；例如：ol、Leaflet

fujm·2020-08-15 18:50

LeafletJS-图层组

图层组使用图层组，可以将多个图层添加到地图并将其作为单个图层进行管理。请按照下面给出的步骤创建一个LayerGroup并将其添加到地图中。步骤1-通过传递元素（字符串或对象）和地图选项（可选）来创建地图对象。步骤2-通过传递所需图块的URL创建一个Layer对象。第3步-使用Map类的addLayer（）方法将图层对象添加到地图。步骤4-通过实例化如下所示的各个类，创建所需的元素（层），例如标记，

若海软件科技·2020-08-15 18:14

自定义坐标系的转换方式

，客户提供的位置坐标经过他们自己公司进行自定义转换，而不是传统意义上的CJCS2000（又叫WGS84/EPSG:3857/墨卡托坐标系/真实坐标系）或GCJ02（国测局标准），对于这种坐标系，无法从leaflet

ddny090930·2020-08-15 18:26

Openlayers-限制地图拖动区域

现在做webgis基本都会用到openlayers或者leaflet。那么在显示地图的时候，特别是显示小区域地图的时候，由于地图区域较小，就会存在把地图拖动到显示区域之外的现象。

a18826265589·2020-08-15 18:30

离线瓦片地图发布的解决方案

基于业务需求,需要有离线的地图引擎,根据需求判定所需的地图功能较为简单没必要使用到geoserver只需要GeoWebCache即可,瓦片制作采用全能电子地图下载器前端地图展示采用leaflet切片下载打开全能电子地图下载器选择需要下载的区域

PiaoMiaoXiaodao·2020-08-15 18:07

Leaflet加载MBTiles离线瓦片数据

在Leaflet上展示MBTiles数据需要使用Leaflet.TileLayer.MBTiles.js和sql.js。具体代码如下：Leaflet.TileLayer.MBTilesdemo#map

GIS开发者·2020-08-15 18:46

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

1.移除一次标记用removeLayer方法使用方法如下：1>全局定义一个变量varlayer；2>在方法中调用赋值varlatlngs=[[12,23],[经度，纬度]]3>this.layer=L.polygon(latlngs,{color:'blue',fillColor:'none',opacity:0.2})解释：（opacity是透明度，fileColor是填充颜色，color是边框

wyr_xiaowu·2020-08-15 17:48

OpenLayers 6 图标定位问题：anchor详解

因为OpenLayers不像Leaflet这种面向UI的地图框架一样有marker的概念，所有的“Marker”都是通过以下两种方式之一实现的：Overlay承载元素；Point类型的要素使用image

战斗中的老胡·2020-08-15 17:42

使用openlayers加载本地离线地图瓦片的一个最简单地例子

上一篇文章写了leaflet，本篇说一下openlayers。

netying·2020-08-15 17:42

leaflet通过WFS服务加载geoserver 矢量数据

leaflet通过WFS服务加载geoserver矢量数据1.前言2.从geoserver获得geojson数据3.geoserver跨域配置4.根据请求结果生成layer5.完整代码1.前言leaflet

Giser张博·2020-08-15 17:29

SuperMap iClient for Leaflet专题图

SuperMapiClientforLeaflet专题图开发工具与关键技术：SuperMapiDesktop9D专题图作者：黎凤焕撰写时间：2020年8月8日专题图类型：服务端专题图、客户端专题图服务端专题图

weixin_44571808·2020-08-15 17:10

SuperMap iClient for Leaflet创建GIS数据并用配置脚本库文件

最近学习了如何将创建的GIS数据发布到iServer服务并使用代码来将地图在Web端展现出来。下面是我的具体操作步骤：首先我们要打开SuperMapiDesktop来制作一个GIS数据，这里就直接使用iDesktop自带的sample来说明，直接打开SuperMap的安装目录好了，GIS数据准备到位之后就要创建iServer的服务。在创建之前我们需要先确定需要创建的服务类型，这里创建的服务类型为：

半开半落·2020-08-15 17:06

LeaFlet加载矢量切片

已经谢过了Openlayer的矢量切片，在这里写一篇关于LeaFlet加载矢量切片的文章，关于矢量切片的概念可以参考我写OpenLayer加载矢量切片的那篇文章传送文章一、效果图二、需要用到的插件leaflet

hpugisers·2020-08-15 16:39

leaflet加载GeoServer的WFS服务

geoserver能很好地和ol进行结合，geoserver是一个很好的开源的服务器，免费开源，虽然在使用上还比不上ArcGerser但是开源，leaflet主框架支持加载wms服务，没有WFS服务，加载

weixin_30457465·2020-08-15 16:20

leaflet渲染mapbox gl的矢量数据

准备条件1、mapbox-gl.jsmapbox-gl.css2、leaflet-mapbox-gl.jshttps://github.com/mapbox/mapbox-gl-leafletdemoWebGLhtml

weixin_30375427·2020-08-15 16:16

SuperMap iClient（9D） for Leaflet加载西安80底图

SuperMapiClientforLeaflet通过投影类L.Proj.CRS可以方便的定义地图投影，支持设置范围、原点、比例尺数组以及分辨率数组。

卜居易·2020-08-15 16:17

leaflet入门——地图加载（以arcgis服务为例）

最近由于项目需求，于是开始了leaflet的学习，leaflet在加载地图上具有自己独特的优势，能够在各种浏览器（包括手机）下面很好的运行，并且具有很多的插件供我们选择。

bobliuhuan·2020-08-15 16:48

geoserver 发布矢量切片服务，并使用leaflet 加载

1.服务发布（1）geoserver连接mySql数据库:下载插件：http://geoserver.org/release/2.14.5/；现在mySql支持的插件，以及矢量切片插件插件解压放到：geoserver安装目录\webapps\geoserver\WEB-INF\lib下；（2）连接数据库（3）数据发布。连接成功后，选择图层–添加新的资源–选择数据源–找到数据–发布填写基本参数，na

Li.map·2020-08-15 16:43

leaflet系列二加载arcgis自定义坐标系服务

leaflet目前只支持以下几种坐标系而且对于EPSG4236的支持也不是很好需要更改一些参数，才能正常加载切片服务，那么如何正确加载arcgis自定义服务呢？

babyiknow88·2020-08-15 15:44

esri-leaflet地图加载（geojson数据绘制边界）

这两天一直琢磨如何在leaflet的地图上加载地图，查看过官方文档后发现可以使用geojson这个方法来加载我们所需要的地图边界（矢量的边界）。

孙霸天·2020-08-15 15:54

leaflet加载各类图层

leaflet.js本身大小只有33k，它能加载的图层种类是有限的，不过可以借助esri-leaflet.js这个插件加载其他的图层，如果需要加载wmts(地图瓦片服务)可以引用leaflet-tilelayer-wmts-src.js

孙霸天·2020-08-15 15:23

基于超图的iclient for leaflet的自定义坐标系WMS服务的加载

前期准备我的数据是4548的数据(CGCS2000/3-degreeGauss-KrugerCM117E)，数据是通过超图的桌面去制作的，因为只是测试数据，所以数据比较简单，一些简单的线数据。定义坐标系在前端加载的时候需要自定义坐标系，其实这个只是一个例子，如果想做别的坐标系也都是一样的操作。在定义坐标系的时候需要PROJ4的参数，需要在epsg.io去获取相关的参数然后搜索4548，查询到之后点

Dejounte·2020-08-15 15:21

leaflet GIS中矢量数据和栅格数据传输的不同

一、栅格：1.基于栅格的数据传输模型数据格式：raster栅格文件类型：一般是JPG、GIF或BNP客户端：浏览器服务器端：需要对WEB服务器进行扩展，工作流程一般为：①服务器响应客户端用户的请求，②调用底层GIS提供的功能，③最后动态生成地图栅格，返回给客户端。优点：带宽要求不高客户端不需要安装任何额外软件，一般的浏览器都支持数据安全，原始数据保存在服务器上，客户只得到动态生成的地图栅格缺

wyr_xiaowu·2020-08-15 15:44

项目中关于leaflet遇到的问题及解决方案总结

1、如何两个标签运动时同时显示两个标签信息在leaflet/src/map/leaflet.js中改变两个布朗值autoPan和autoClass，其中!0是true，!

Hi-Sun·2020-08-15 13:42

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

在学习一段时间ol之后，看到Leaflet做出的精美地图，比如绘制飞机航线图、带箭头、方向的线段等，就想研究研究。

sxzhustar·2020-08-15 12:35

vue中使用leaflet(一)

下载leaflet与leaflet.pmleaflet用于根据坐标自动绘制等操作，leaflet.pm可实现用户手动绘制。

Man呦·2020-08-14 19:42

vue中操作leatlet(二)

leaflet使用案列初始化综合代码exportdefault{data(){return{map:""};},mounted(){this.initDate();},methods:{initDate

Man呦·2020-08-14 19:42

npm install 报错整理

C:\ProgramFiles\Git\cmd\git.EXEls-remote-h-thttps://github.com/openplans/Leaflet.AnimatedMarker.gitnpmERR

arvin_baichuan·2020-08-13 20:50

leaflet加载天地图DataServer

1.天地图下载ChineseTmsProviders.js，https://github.com/htoooth/Leaflet.ChineseTmsProviders/tree/master/src，

wyr_xiaowu·2020-08-13 17:14

leaflet调用2019天地图接口

解决办法由于使用了leaflet.ChineseTmsProviders.js插件，修改此js中的接口。

yue_king·2020-08-13 17:49

紧急！！解决使用SuperMap访问国家天地图需要token的问题—2019年1月16日

第一种：如果你的网站是通过SuperMapiServer9D转发的天地图服务，则可以联系SuperMap公司获取临时包，联系电话为4008900866；第二种：通过二维leaflet前端直接调用的天地图接口

THEDEAMON·2020-08-13 10:32

leaflet地图初始化异常

问题描述在vue项目中初始化leaflet地图，初始化后地图只在div左上角区域显示，地图可移动，移动后地图成锯齿状的斜对角线，一块块离散显示；当停留在地图显示页面，对js代码进行修改，保存后自动更新页面

chgiser·2020-08-11 23:25

壹张图看懂“火星坐标系”

原文链接：https://juejin.im/entry/5b7950cb6fb9a019d80a87ef不同坐标系的坐标在地图上的位置是否偏移与使用的地图框架(高德、百度、OpenLayes、Leaflet

leo_dragon·2020-08-11 03:02

leaflet 地图上添加marker点击事件，自定义弹出框

varLeafIcon=L.Icon.extend({options:{//shadowUrl:test.png",//阴影图片，合理利用可以设置效果iconSize:[60,64],}});varlatLng=L.latLng(feature.y,feature.x);varicon=newLeafIcon({iconUrl:iconUrl});varmarkers=L.marker(latLn

123hainiao·2020-08-10 01:42

推荐频道

leafLet