leaflet - 第8页共12页

2019-04-03

Leaflet初体验0x1：标注，弹窗，事件

Markers, circles and polygonsnnn//添加标注nvar marker = L.marker([42.05,121.66]).addTo(mymap);n//画圆nvar circle = L.circle([42.05,121.64],n color:’red’,n fillColor:’#f03′,n fillOpacity:0.5,n radius:500n)…

leaflet

2019-04-03

Leaflet 笔记四（续）：Vue-Leaflet2.0

n n n Leaflet 笔记四（续）：Vue-Leaflet2.0nnvue组件化三部曲：nnnLeaflet 笔记四（续）：Vue-Leaflet2.0nLeaflet 笔记九：vue-leaflet-mobilenCordova笔记二：vue-leaflet-cordova的创建nn前言nngithub源码在此，记得点星:nhttps://github.com

leaflet

2019-04-03

WKT转换工具terraformers

前面的文章中，提到了Arcgis中实现wkt转换为geometry，但是这种转换仅实现了简单的点（point）、线（polyline）和面（polygon）的转换，对于复杂点或者复杂多边形没有涉及，在本文讲述通过terraformers加载展示wkt。

leaflet

2019-04-03

Postgresql使用代码块处理json数据

最近得系统开发需要使用大量的json数据，但我们不需要整个json数据，只是需要其中的一部分。如果我们把大量的json数据一起返回交給前端去解析的话，会有不少问题(服务器网络带宽不够，加载缓慢；前端使用不方便异步解析，同步的话可能会卡)。nn因此我需要将json数据在数据库或后台解析好再返回给前端，这次我选择使用数据去解析。nn数据结构:(方法中的数据并不是这个，只是结构相同)nnnn “ty…

leaflet

2019-04-03

天地图专题一：加载天地图

最近公司的项目到了尾声。总结一下项目中的一些技术。其中有涉及到天地图的部分。类似百度地图，google地图。我们要用一些它的公共接口，实现一些我们的效果。比如在地图上显示我们的设备的位置，范围，运行轨迹等等。n本文实现加载天地图。

leaflet

2019-04-03

SuperMap iClient 如何使用 WMTS 地图服务

作者：非法小恋n什么是 WMTS 服务WMTS，切片地图 Web 服务（Web Map Tile Service）当前版本是 1.0.0。该服务符合 OGC（Open Geospatial Consortium，开放地理信息联盟）制定的 WMTS 实现规范。 nWMTS 是 OGC 提出的缓存技术标准，即在服务器端缓存被切割成一定大小瓦片的地图，对客户端只提供这些预先定义好的单个瓦片的服务，将更多的数据处理操作如

leaflet

2019-04-03

星巴克全美门店数字地图显示

starbucks nstarbucks n View(starbucks); #console显示正常，但view显示有乱码，没关系，数据可用nhead(starbuck,5)nnlibrary(“leafletR”)ndatnmap<-leaflet(dat,title="星巴克全美门店",popup="Brand")

leaflet

2019-04-03

esri-leaflet入门教程（2）-地图的HelloWorld

esri-leaflet入门教程（2）-地图的HelloWorldrnrnrnrnrnrnrnrn转载自http://www.cnblogs.com/lazygis/rnrn 常言道“君子性非异也，善假于物也”。这句话在IT界同样也适用，只不过IT界有更为时髦的说法：“不用重新制作轮子”。在当前各类框架盛行的年代，搭建Web应用程序已经是相当简单的了，不管是搭建界面的还是构建地图，都已经有现

leaflet

2019-04-03

导航路径规划之一路网模型

考虑到路网作为网络的特殊性以及路线优化问题的要求，符合导航需要的路网表达方法和存储结构应满足如下要求：1. 存储量小2. 便于路线优化算法对其进行操作3. 充分考虑路网作为网络的特殊性-大型稀稀疏网络4. 能充分表达路网的要素和拓扑结构5. 能表达单项交通、交叉口转向限制等交通管制措施6. 能表达路网的各种特殊结构…

leaflet

2019-04-03

4.01WorldWindAndroid加载TileImage切片解析

重点类：TileSufaceImage public void setLevelSet(LevelSet levelSet) n if (levelSet == null) n throw new IllegalArgumentException(n Logger.logMessage(Logger.ERROR, “Til…

leaflet

2019-04-03

基于GPS轨迹的道路匹配的打车推荐

rn大城市的出租车都有GPS，通过一些技术进行采集后，可以形成一个出租车行驶轨迹。通过轨迹分析，可以做一些比较有意义的事情。rnn空车位置显示rnn这个在手机地图上已经有了。实现原理：rn将出租车的位置记录下来，当用户查询时即返回。使用的数据结构：rnQuadTree或者RTREErnConcurrentHashMap：java的这个map类设计得比较好，在高性能大并发上，解决了一大难题。rn（数…

leaflet

2019-04-03

SuperMap iClient for JavaScript 实现拖动半径进行距离查询

作者：snipern怎么用SuperMap iClient for JavaScript实现类似百度地图或高德地图那样拖动一个按钮选择半径，从而查询附近的地理要素。我们今天就来聊一聊怎么实现鼠标拖动进行距离查询。

leaflet

2019-04-03

Leaflet_D3：点

开发环境nnpm install leaflet d3 –savenn- leaflet v1.xn- d3 v4.xnn根据d3创建svg，并添加到map地图的overlayPane下n var svg = d3.select(mymap.getPanes().overlayPane).append(‘svg’),n g = svg.ap…

leaflet

2019-04-03

156_限定拖拽范围

限定拖拽范围n我们覆写ViewDragHelper.Callback中的n n三个方法n就实现了任意拖拽n n ViewDragHelper.Callback callback=new ViewDragHelper.Callback() n @Overriden public boolean tryCaptureView(View child,

leaflet

2019-04-03

leaflet通过classname属性移除指定图层

//前提：在添加图层的时候，必须加入classname属性n//通过classname属性移除指定图层nmap.eachLayer(function (layer) n if (layer.options.pane == ‘tooltipPane’) n if (layer.options.className == ‘tooltipName’) n …

leaflet

2019-04-03

【 D3.js 进阶系列 — 4.0 】绘制箭头

在 SVG 绘制区域中作图，在绘制直线和曲线时，常需要在某处添加箭头。本文介绍如何在 D3 中给直线和曲线添加箭头。到目前为止，我们绘制 D3 的图表都是在 SVG 绘制区域内，虽然 D3 也可用 Canvas 或 WebGL 等作图，但 SVG 是最常用的。那么，用 D3 来绘制箭头，先要明白在 SVG 中是怎么绘制的。1. 在 SVG 中定义箭头的标识定义箭头的标识如下，先写一对

leaflet

2019-04-03

webgis的卷帘效果

首先在页面创建两个div，n n n nn用来装地图，卷帘效果就是用来做对比分析的。n我还写了两个按钮，控制卷帘的开启和关闭，n n nncss样式：n#after n position: absolute; n top: 0px; n left: 0px; n width: 940px; n h

leaflet

2019-04-03

leaflet——地图加载

n var map = L.map(‘map’, n center: [40, 100],n zoom: 4n );n // 影像n L.tileLayer(“http://ts.tianditu.cn/img_w/wmts?service=w…

leaflet

2019-04-03

最好用的20个数据可视化工具（三）

rn11、Leaflet rnLeaflet是由 CloudMade 团队开发的一种微小的映射框架，小巧而轻便，用来创建移动页面。Leaflet和Modest Maps都是开源的

leaflet

2019-04-03

每日小记 2017-11-30

不知不觉已经毕业一年半了，作为一个做技术的程序员感觉这段时间过得有点荒废。每天都在想着干很多事，每天都做着明天的计划。可是等到第二天又会重新再来。这样时间浪费了，技术上也没啥长进。所以特意在此将每天的进步，遇到的问题、或者新的计划记录下来。nnnnnnnnleaflet GeoJson 数据加载n结构说明n点的数据格式n线的数据格式n面的数据格式n单个多边形n一个以上或镂空多边形nnn要素组合的数

leaflet

2019-04-03

OL3实现图例的创建

前言：无需多说，是非常重要的,OL中并没有实现图例的控件，arcgis api中倒是有图例的模板，其实制作图例并不是很困难，我们只要做些函数封装，和做一些简单css设置就行，今天领导给我说已经很久没有更新博客了，所以今天要写一篇，最近发现一个问题，别人给我评论的问题，让CSDN给吃了，我也是无语。nn来张图：nnnn一、CSS样式设置nnn .info n …

leaflet

2019-04-03

[转]Webview支持缩放并隐藏讨厌的缩放控制条

转载请标明出处： rnhttp://blog.csdn.net/hanhailong726188/article/details/46717621 rn本文出自【海龙的博客】rnrnrnrn之前转载过Android webview相关的文章，Androidrn Webview开发问题及优化汇总，这里讲解一下实现Webview缩放以及隐藏缩放控制条所遇到的问题和坑rnrnrn要支持缩放，肯定要先支持

leaflet

2019-04-03

leaflet 块状，并点击变色

1. 点击块状，变色，效果如下nn nn2. 代码如下：nnnnvar that=this;nnthat.partyDistrictLayer = L.geoJson(data, //获取边界并定义n style: n weight: 2,n opacity: 1,n color: ‘red’,n …

leaflet

2019-04-03

Vue@Leaflet 初始化

环境安装n1.下载地址 https://nodejs.org/en/n2.安装vuennpm install -g vue-cli nn3.创建项目nvue init webpack vue_leafletnn4.进入项目中ncd vue_leafletnnpm start nn5.安装leafletnnpm install leaflet –saven..

leaflet

2019-04-03

javascript模块化开发：require.js 基本用法

官网：require.js n自己写的一个地图应用小demo：githubnn基本使用nnnn1 . 为什么使用require.js?nnnn当加载多个js文件时，使用require.js有以下优点nnn实现js的异步加载n管理模块之间的依赖，便于代码的维护和编写n模块化开发 n一个文件一个模块n减少全局变量nnnnn2 . 开始使用nnn文件目录结构 nn在 index.html 中引用 …

leaflet

2019-04-03

Leaflet 常用相关

运用了一段时间leaflet.js。主要应用于gis方面，以下初步总结自己使用过比较好的插件或工具。nn地图源nn1、可用于加载天地图、高德地图、谷歌地图及部分卫星图。 https://github.com/htoooth/Leaflet.ChineseTmsProvidersnn2、借助超图iclient 9D 加载天地图、百度地图。http://iclient.supermapol.com/e…

leaflet

2019-04-03

Openlayers地图背景透明度设置

在实际开发中，为了美观，需要设置Openlayers中地图div中除了地图之外的地方的透明度，这个通过设置.ol-viewport的样式就可以完成。项目测试代码如下：nnn n n 背景色测试</ti.. </p> </div> </div> </div> </article> <article id="post-18042" class="group post-standard post-18042 post type-post status-publish format-standard hentry category-leaflet tag-leaflet tag-5192"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18042/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="判断一个点是否在指定区域内" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18042/" rel="bookmark">判断一个点是否在指定区域内</a> </h2> <div class="entry excerpt"> <p>http://www.360doc.com/content/12/1105/14/7662927_245870913.shtml</p> </div> </div> </div> </article> <article id="post-18040" class="group post-standard post-18040 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-5191"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18040/"> <img width="180" height="320" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180804112522767-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/20180804112522767-1.jpg 479w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180804112522767-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_169,h_300 169w" sizes="(max-width: 180px) 100vw, 180px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18040/" rel="bookmark">多边形网格图谱属性绘制</a> </h2> <div class="entry excerpt"> <p>asd自定义多边形网格图谱属性绘制详解nn首先，先展示效果图。 nnn本文接下来要讲的就是多边形的属性绘制。nn首先分析要绘制这样的一个东西，它大概有哪些步骤。nnn 1.画出n(n >= 3)边形，并分成5等分n n 2.绘制出多边形的角与多边形中心(默认是圆心)的连线n n 3.绘制多边形角上的文字n n 4.绘制覆盖在多边形上的一个不规则多边形，即所谓的技能熟练度nnn那…</p> </div> </div> </div> </article> <article id="post-18037" class="group post-standard post-18037 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-openlayers4"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18037/"> <img width="320" height="238" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20181223195515424-1.png" 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/20181223195515424-1.png 687w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20181223195515424-1.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_223 300w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18037/" rel="bookmark">利用Openlayers4简单实现地图遮罩效果</a> </h2> <div class="entry excerpt"> <p>地图遮罩通常用来突出显示某一块特定区域，先来看下效果。原理：在原地图上增加一个图层，并使用半透明的样式。 var map,baseLayer; //定义图层样式 var mystyle = new ol.style.fill( fill: new ol.style.Fill( color:"rgba(72,61,139, 0.2)", ), st…</p> </div> </div> </div> </article> <article id="post-18034" class="group post-standard post-18034 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-div"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18034/"> <img width="1" height="1" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/50750393-1.jpg" class="attachment-kontrast-standard size-kontrast-standard wp-post-image" alt="" decoding="async" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18034/" rel="bookmark">解决天地图全屏div后，地图只显示一半的问题！</a> </h2> <div class="entry excerpt"> <p>我的全屏方法是，隐藏所有的除了包含地图意外所有显示的控件，然后将地图div设为屏幕大小，结果发现出现地图只显示一半的情况。rnrnrnrn查了一下api发现有一个修改地图状态的方法checkResize()。在触发全屏的方法上使用它就可以了。</p> </div> </div> </div> </article> <article id="post-18031" class="group post-standard post-18031 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-5188"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18031/"> <img width="320" height="223" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20151203124604385-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/20151203124604385-1.jpg 860w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20151203124604385-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_209 300w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20151203124604385-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_768,h_535 768w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18031/" rel="bookmark">百度地图相关（1）百度地图的首次默认加载</a> </h2> <div class="entry excerpt"> <p>实现百度地图的初次加载显示</p> </div> </div> </div> </article> <article id="post-18028" class="group post-standard post-18028 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-pippython"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18028/"> <img width="320" height="282" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/2422746-9fa6a665c6f82346-1.png" 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/2422746-9fa6a665c6f82346-1.png 616w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/2422746-9fa6a665c6f82346-1.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_264 300w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18028/" rel="bookmark">构建一个pip安装的车辆路径显示的python包</a> </h2> <div class="entry excerpt"> <p>n n n n最近有一些车辆的gps数据要分析，想着能否先直观地感受下车辆的运行情况，正好有leaflet地图库，做起来很方便。简单实现了基本需求后，想着能不能封装下，弄成个python包的形式，这样可以在其他地方使用pip安装，在程序里import调用，也显得简洁。nn基本效果nnnnnnnn基本功能实现nnhtml页面借助leaflet实现由地理坐标和时间列表数据…</p> </div> </div> </div> </article> <article id="post-18025" class="group post-standard post-18025 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-openlayers2-marker"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18025/"> <img width="320" height="224" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20170504171752179-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/20170504171752179-1.jpg 535w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20170504171752179-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_210 300w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18025/" rel="bookmark">openlayers2 开发如何判断一个marker所在的点是否在一个多边形内部</a> </h2> <div class="entry excerpt"> <p>如图所示，如何取出用OpenLayers.Control.DrawFeature画出来多边形所包围那个点而不被其他点干扰。rnJS代码（写在画图工具的featureAdded（f）方法内）：rnrnvar components = f.geometry.components,//f为OpenLayers_Feature_Vector类型的对象rn bottom = f.geometry.bo</p> </div> </div> </div> </article> <article id="post-18022" class="group post-standard post-18022 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-androidcanvas tag-leaflet"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18022/"> <img width="232" height="320" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/b578d223-72b1-3095-a3cf-6bcf2e39b968-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/b578d223-72b1-3095-a3cf-6bcf2e39b968-1.jpg 330w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/b578d223-72b1-3095-a3cf-6bcf2e39b968-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_217,h_300 217w" sizes="(max-width: 232px) 100vw, 232px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18022/" rel="bookmark">Android利用canvas画各种图形(点、直线、弧、圆、椭圆、文字、矩形、多边形、曲线、圆角矩形)转…</a> </h2> <div class="entry excerpt"> <p>n转自：http://blog.csdn.net/rhljiayou/article/details/7212620rn1、首先说一下canvas类：rnrnnClass OverviewrnThe Canvas class holds the “draw” calls. To draw something, you need 4 basic components: A Bitmap to hol…</p> </div> </div> </div> </article> <article id="post-18017" class="group post-standard post-18017 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-popup--ajax"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18017/"> <img width="320" height="178" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/demo-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/demo-1.jpg 540w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/demo-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_167 300w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18017/" rel="bookmark">popup 弹出层弹出窗口包括图片组浏览,ajax载入,地图等</a> </h2> <div class="entry excerpt"> <p>npopup 弹出层弹出窗口包括图片组浏览,ajax载入,地图等rnrn 代码仅仅只显示一部分，更多内容请看演示页面rnrnrn演示rn rn rnrnXML/HTML Codernn<a class="image-popup-vertical-fit" href="../dalian.jpg" title="Caption. Can be aligned it to any side."... </p> </div> </div> </div> </article> <article id="post-18019" class="group post-standard post-18019 post type-post status-publish format-standard hentry category-leaflet tag-leaflet tag-5184"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18019/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="前端开发实习（二）表单数据和地图联动效果的实现" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18019/" rel="bookmark">前端开发实习（二）表单数据和地图联动效果的实现</a> </h2> <div class="entry excerpt"> <p>上一次我实现了表单数据的模糊查询，紧接着公司老总又有新的指示给我，要求我在table界面上实现表单数据和地图的联动跳转，也就是在table数据中加入onclick事件，当用户点击某行数据时跳转到map的特定点位置。nn听到上司的要求我有些紧张，因为我对该地图API的使用还没有一个概念，不确定用什么方法可行，不过我一个新手总不能老是怕东怕西，那我就没必要去学开发了，不会就是干！！！nn先过一遍思路：…</p> </div> </div> </div> </article> <article id="post-18014" class="group post-standard post-18014 post type-post status-publish format-standard hentry category-leaflet tag-leaflet tag-5182"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18014/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="客户端两种获取要素属性的方法" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18014/" rel="bookmark">客户端两种获取要素属性的方法</a> </h2> <div class="entry excerpt"> <p>http://www.classicning.com/blog/post/454.htmlrn目标：在浏览器中点击一个地图要素（绝大多数情况下仅限于多边形）立刻得到该要素的属性信息。在Web端获得要素的信息通常情况下有两种方法可以使用，一是WMS的GetFeatureInfo，另一个是WFS的GetFeature。rnrn事实上WMS不仅仅可以用GetMap请求获得地图，还可以用GetFeatur…</p> </div> </div> </div> </article> <article id="post-18009" class="group post-standard post-18009 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-leafletopenlayers3arcgispngexploded"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18009/"> <img width="320" height="204" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180404092524949-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/20180404092524949-1.jpg 1169w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180404092524949-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_192 300w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180404092524949-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_768,h_491 768w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180404092524949-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_1024,h_654 1024w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18009/" rel="bookmark">Leaflet，OpenLayers3加载ArcGIS切片（png格式，Exploded松散型）</a> </h2> <div class="entry excerpt"> <p>Leaflet方式： var map = L.map(‘map’, n center: [lat,lon],n zoom: 18n );nn /…</p> </div> </div> </div> </article> <article id="post-18006" class="group post-standard post-18006 post type-post status-publish format-standard hentry category-leaflet tag-leaflet tag-leaflet-js"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18006/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="有关Leaflet.js的相关操作" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18006/" rel="bookmark">有关Leaflet.js的相关操作</a> </h2> <div class="entry excerpt"> <p>Leaflet的官方网站http://leafletjs.com/</p> </div> </div> </div> </article> <article id="post-18004" class="group post-standard post-18004 post type-post status-publish format-standard hentry category-leaflet tag-leaflet-0- tag-leaflet"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/18004/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="[leaflet] 0 初识" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18004/" rel="bookmark">[leaflet] 0 初识</a> </h2> <div class="entry excerpt"> <p>leaflet学习笔记–初识lealfet。</p> </div> </div> </div> </article> <article id="post-18001" class="group post-standard post-18001 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/18001/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="Leaflet学习记录" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/18001/" rel="bookmark">Leaflet学习记录</a> </h2> <div class="entry excerpt"> <p>geoJSON的一些用法nn1、画点nnvar geojsonFeature = “type”: “Feature”, nn”properties”: “name”: “Coors Field”, “amenity”: “Baseball Stadium”, “popupContent”: “This is where the Ro</p> </div> </div> </div> </article> <article id="post-17999" class="group post-standard post-17999 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/17999/"> <img width="320" height="110" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20181226144716297-1.png" 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/20181226144716297-1.png 816w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20181226144716297-1.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_103 300w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20181226144716297-1.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_768,h_264 768w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17999/" rel="bookmark">Leaflet地图运用.</a> </h2> <div class="entry excerpt"> <p>nvar map = L.map(“map”, n center: [26.6, 106.7],n zoom: 14,n layers: [L.tileLayer(‘http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineCommunity/MapServer/tile/z/y/x’),],n);…</p> </div> </div> </div> </article> <article id="post-17992" class="group post-standard post-17992 post type-post status-publish format-standard hentry category-leaflet tag-leaflet tag-leaflet-l-tilelayer-wms"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17992/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="Leaflet地图框架使用手册——L.TileLayer.WMS" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17992/" rel="bookmark">Leaflet地图框架使用手册——L.TileLayer.WMS</a> </h2> <div class="entry excerpt"> <p>用来显示地图上切片图层的WMS服务，继承自TileLayer。nnConstructor（函数构造器）nnL.TileLayer.WMS()：通过给定一个基本的WMS服务的URL和WMS参数或选项对象来实例化一个WMS切片图层对象。nnOptions（选项）nnlayers：WMS图层以逗号分隔符隔开的列表。nstyles：WMS样式以逗号分隔符隔开的列表。nformat：WMS图像格式（用“i…</p> </div> </div> </div> </article> <article id="post-17994" class="group post-standard post-17994 post type-post status-publish format-standard hentry category-leaflet tag-esri-leaflet tag-leaflet"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17994/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="esri-leaflet部分瓦片缺失问题及解决办法" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17994/" rel="bookmark">esri-leaflet部分瓦片缺失问题及解决办法</a> </h2> <div class="entry excerpt"> <p>esri-leaflet加载TileLayer的时候，有时候由于数据的原因，造成部分瓦片缺失的问题，网页加载TileLayer的时候，当地图范围正好拖动到缺失的范围的时候，会一直请求 http://download2.esri.com/support/TechArticles/blank256.png,图片rn rn解决方案有两个：rnA.leaflet的解决方案，在初始化TileLayer的时候</p> </div> </div> </div> </article> <article id="post-17996" class="group post-standard post-17996 post type-post status-publish format-standard hentry category-leaflet tag-leaflet tag-leaflet-l-marker"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17996/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="Leaflet地图框架使用手册——L.Marker" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17996/" rel="bookmark">Leaflet地图框架使用手册——L.Marker</a> </h2> <div class="entry excerpt"> <p>L.Markernn用来在地图中放置注记。nnConstructor（构造函数）nnL.Marker（）：通过给定一个地理点和一个具有选项的对象来实例化一个注记。nnOptions（选项）nnicon（图标）：图标类用来表达注记。参加Icon documentation以了解自定义注记图标的详细信息。默认设置为new L.Icon.Default()。nclickable（可点击）：如果是fals…</p> </div> </div> </div> </article> <article id="post-17990" class="group post-standard post-17990 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-5173"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17990/"> <img width="320" height="154" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20161229145055349-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/20161229145055349-1.jpg 968w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20161229145055349-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_145 300w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20161229145055349-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_768,h_371 768w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17990/" rel="bookmark">点击热力图</a> </h2> <div class="entry excerpt"> <p>1.直接上代码： n n n .heatmap n width:100%; n height:100%; n margin:20px n n n n n n 你好！你妈的 n 规范大股东好厉害 n gdjlhjh n n n n n var points =[ x: 50, y: 15, value: 17, x: 15</p> </div> </div> </div> </article> <article id="post-17986" class="group post-standard post-17986 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-cusiumvue tag-leaflet"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17986/"> <img width="320" height="189" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180906193520963-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/20180906193520963-1.jpg 362w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20180906193520963-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_177 300w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17986/" rel="bookmark">Cusium+Vue（二）</a> </h2> <div class="entry excerpt"> <p>2018年9月6日星期四nnCesium切换维度nn1）.普通切换发nn viewer.scene.mode= Cesium.SceneMode.SCENE2D;//切换二维nnviewer.scene.mode= Cesium.SceneMode.SCENE3D;//切换三维nnviewer.scene.mode= Cesium.SceneMode.COLUMBUS_VIEW;//切…</p> </div> </div> </div> </article> <article id="post-17983" class="group post-standard post-17983 post type-post status-publish format-standard hentry category-leaflet tag-leaflet tag-osgearathtms"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17983/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="osgEarath中高程的tms切片写法" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17983/" rel="bookmark">osgEarath中高程的tms切片写法</a> </h2> <div class="entry excerpt"> <p>n</p> <map name="My Map" type="geocentric" >nnnn<cache type="tms">nn<path>k:\Eurasia_cache&</p> </div> </div> </div> </article> <article id="post-17976" class="group post-standard post-17976 post type-post status-publish format-standard hentry category-leaflet tag-leaflet tag-5170"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17976/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="地图标绘（点线面）" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17976/" rel="bookmark">地图标绘（点线面）</a> </h2> <div class="entry excerpt"> <p>/**n * 绘制点线面:点击“添加额外服务”后，地图放大缩小拖拽等功能失效n */nadd_gService = (Button) findViewById(R.id.add_gservice);nadd_gService.setOnClickListener(new View.OnClickListener() n @Overriden public void onClick(V</p> </div> </div> </div> </article> <article id="post-17974" class="group post-standard post-17974 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-gis- tag-leaflet"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17974/"> <img width="320" height="232" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20170515070242546-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/20170515070242546-1.jpg 727w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20170515070242546-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_217 300w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17974/" rel="bookmark">“GIS讲堂”第九课—地图统计图的实现</a> </h2> <div class="entry excerpt"> <p>“GIS讲堂”第九课—地图统计图的实现</p> </div> </div> </div> </article> <article id="post-17971" class="group post-standard post-17971 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-bgrabitmap5 tag-leaflet"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17971/"> <img width="320" height="232" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20160902083223936-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/20160902083223936-1.jpg 442w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/20160902083223936-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_217 300w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17971/" rel="bookmark">BGRABitmap图像操作5：使用层、遮罩</a> </h2> <div class="entry excerpt"> <p>unit Unit1;nn$mode objfpc$H+nninterfacennusesn Classes, SysUtils, FileUtil, Forms, Controls, Graphics, Dialogs,n BGRABitmap, BGRABitmapTypes;nntypenn TForm1 nn TForm1 = class(TForm)n pro</p> </div> </div> </div> </article> <article id="post-17968" class="group post-standard post-17968 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/17968/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="leaflet定制去元素" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17968/" rel="bookmark">leaflet定制去元素</a> </h2> <div class="entry excerpt"> <p>leaflet地图去高速公路等n//加载地图nfunction mapInit(divId) n var GoogleLayer1 = L.tileLayer(n ‘http://s.google.cn/vt/lyrs=p&hl=zh-CN&gl=cn&x=x&y=y&z=z&apistyle=s.t:3|p.v:off’,n</p> </div> </div> </div> </article> <article id="post-17966" class="group post-standard post-17966 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-5166"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17966/"> <img width="320" height="183" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/0_1315277768cVf5-1.gif" 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/0_1315277768cVf5-1.gif 600w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/0_1315277768cVf5-1.gif?x-oss-process=image%2Fresize,m_fill,w_300,h_172 300w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17966/" rel="bookmark">绘制椭圆弧线</a> </h2> <div class="entry excerpt"> <p>在GDI+中绘制椭圆弧线并不难，但是本人在做AutoCAD二次开发的过程中却找不到绘制椭圆弧的函数，所以自己仿照GDI+中绘制椭圆弧的函数自己写了一个绘制圆弧的函数，主要用于在CAD中绘制椭圆弧线。废话不多说，贴出最终结果和代码，供大家学习参考。rnrnrn ///</p> </div> </div> </div> </article> <article id="post-17963" class="group post-standard post-17963 post type-post status-publish format-standard hentry category-leaflet tag-js-leaflet tag-leaflet"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17963/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="js地图-leaflet" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17963/" rel="bookmark">js地图-leaflet</a> </h2> <div class="entry excerpt"> <p>DOCTYPE html>n<html lang="en">n<head>n<meta charset="UTF-8">n<title>js地图-leafletn

leaflet

2019-04-03

Leaflet调用谷歌地图、天地图、智图地图、高德题图一键搞定（转）

Leaflet调用各种地图的功能十分复杂，幸好有leaflet.ChineseTmsProviders这个插件，这四种地图直接就可以加载进来，十分方便。nn下面是我做的例子：nnnnn n </p> </div> </div> </div> </article> <article id="post-17957" class="group post-standard post-17957 post type-post status-publish format-standard hentry category-leaflet tag-leaflet tag-leaflet-gis-"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17957/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="Leaflet 移动端GIS引擎数据渲染" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17957/" rel="bookmark">Leaflet 移动端GIS引擎数据渲染</a> </h2> <div class="entry excerpt"> <p>Leaflet 移动端GIS引擎数据渲染</p> </div> </div> </div> </article> <article id="post-17953" class="group post-standard post-17953 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-leaflet-prunecluster-"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17953/"> <img width="320" height="179" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/68747470733a2f2f73696e7465662d393031322e6769746875622e696f2f5072756e65436c75737465722f747769747465726d61702e6a7067-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/68747470733a2f2f73696e7465662d393031322e6769746875622e696f2f5072756e65436c75737465722f747769747465726d61702e6a7067-1.jpg 1149w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/68747470733a2f2f73696e7465662d393031322e6769746875622e696f2f5072756e65436c75737465722f747769747465726d61702e6a7067-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_168 300w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/68747470733a2f2f73696e7465662d393031322e6769746875622e696f2f5072756e65436c75737465722f747769747465726d61702e6a7067-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_768,h_429 768w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/68747470733a2f2f73696e7465662d393031322e6769746875622e696f2f5072756e65436c75737465722f747769747465726d61702e6a7067-1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_1024,h_572 1024w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17953/" rel="bookmark">leaflet.PruneCluster 聚合.</a> </h2> <div class="entry excerpt"> <p>nleafletView = new PruneClusterForLeaflet();n$.each(data, function (index, item) n var m = new PruneCluster.Marker(item.x, item.y, item);n leafletView.RegisterMarker(m);n);nmap.addLayer(leafle…</p> </div> </div> </div> </article> <article id="post-17955" class="group post-standard post-17955 post type-post status-publish format-standard hentry category-leaflet tag-leaflet tag-osmbuildingsleaflet"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17955/"> <img src="https://www.giserdqy.com/wp-content/themes/kontrast/img/thumb-standard.png" alt="osmbuildings结合leaflet的应用" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17955/" rel="bookmark">osmbuildings结合leaflet的应用</a> </h2> <div class="entry excerpt"> <p>osmbuildings主页：http://osmbuildings.org/rngithub地址：https://github.com/kekscom/osmbuildings</p> </div> </div> </div> </article> <article id="post-17950" class="group post-standard post-17950 post type-post status-publish format-standard has-post-thumbnail hentry category-leaflet tag-leaflet tag-leaflethandlerscontrols"> <div class="post-inner post-hover"> <div class="post-thumbnail"> <a href="https://www.giserdqy.com/secdev/leaflet/17950/"> <img width="320" height="189" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/2019012411274443-1.png" 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/2019012411274443-1.png 738w, https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/2019012411274443-1.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_300,h_177 300w" sizes="(max-width: 320px) 100vw, 320px" loading="eager" /> </a> </div> <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> <h2 class="post-title"> <a href="https://www.giserdqy.com/secdev/leaflet/17950/" rel="bookmark">扩展Leaflet：Handlers与Controls</a> </h2> <div class="entry excerpt"> <p>本教程假设您已经阅读了Leaflet Class Theoryrn在leaflet中，一个layer是跟随map移动的任何东西。与之相反，一个control是对于map容器相对静态的HTML元素（例如，缩放、全屏的按钮都是control）；一个handler是一段用来改变map操作的不可见代码。rnHandlersrnMap Handler 是Leaflet 1.0中的一个新概念，其功能是处理来自浏览器…</p> </div> </div> </div> </article> <nav class="pagination group"> <ul class="group"> <li class="prev left"><a href="https://www.giserdqy.com/tag/leaflet/page/7/" >« 上一页</a></li> <li class="next right"><a href="https://www.giserdqy.com/tag/leaflet/page/9/" >下一页 »</a></li> </ul> </nav> </div> </div> <div class="sidebar s1 "> <a class="sidebar-toggle" title="Expand Sidebar"><i class="fa icon-sidebar-toggle"></i></a> <div class="sidebar-content"> <div id="categories-12" class="widget widget_categories"><h3 class="group"><span>分类</span></h3><form action="https://www.giserdqy.com" method="get"><label class="screen-reader-text" for="cat">分类</label><select name='cat' id='cat' class='postform'> <option value='-1'>选择分类</option> <option class="level-0" value="2921">3.x</option> <option class="level-0" value="2913">4.x</option> <option class="level-0" value="18915">AI</option> <option class="level-0" value="71">ArcEngine</option> <option class="level-0" value="43">ArcGIS</option> <option class="level-0" value="70">arcgis api for javascript</option> <option class="level-0" value="3291">ArcGIS API For JavaScript官方文档</option> <option class="level-0" value="3262">ArcGISServer</option> <option class="level-0" value="2676">ArcMap</option> <option class="level-0" value="3321">ArcPy</option> <option class="level-0" value="311">bootstrap</option> <option class="level-0" value="52">C#</option> <option class="level-0" value="2984">CAD</option> <option class="level-0" value="3274">centos</option> <option class="level-0" value="2952">cesium</option> <option class="level-0" value="2967">cesium中级教程1</option> <option class="level-0" value="2966">cesium初级入门1</option> <option class="level-0" value="10464">ChatGPT</option> <option class="level-0" value="56">CSS</option> <option class="level-0" value="10350">d3js</option> <option class="level-0" value="10367">datasource</option> <option class="level-0" value="10377">deck.gl</option> <option class="level-0" value="1177">echarts</option> <option class="level-0" value="110">es6</option> <option class="level-0" value="5708">GDAL</option> <option class="level-0" value="10361">geoanalysis</option> <option class="level-0" value="45">GeoServer</option> <option class="level-0" value="3735">geospatial</option> <option class="level-0" value="2968">geotools</option> <option class="level-0" value="6208">Geotrellis</option> <option class="level-0" value="67">GIS</option> <option class="level-0" value="10373">gis-career</option> <option class="level-0" value="10372">gis-software</option> <option class="level-0" value="2663">GIS+BIM</option> <option class="level-0" value="2664">GIS人工智能</option> <option class="level-0" value="9">GIS前沿</option> <option class="level-0" value="2665">GIS大数据</option> <option class="level-0" value="3444">GIS应用</option> <option class="level-0" value="10075">GIS数据</option> <option class="level-0" value="316">GIS新闻</option> <option class="level-0" value="2701">GIS理论</option> <option class="level-0" value="7005">GIS项目</option> <option class="level-0" value="3024">git</option> <option class="level-0" value="10272">homebrew</option> <option class="level-0" value="55">html5</option> <option class="level-0" value="51">Java</option> <option class="level-0" value="50">JavaScript</option> <option class="level-0" value="1414">leaflet</option> <option class="level-0" value="18854">Lidar</option> <option class="level-0" value="10088">linux</option> <option class="level-0" value="3277">macos</option> <option class="level-0" value="10095">mapboxgl</option> <option class="level-0" value="10364">maps-cartography</option> <option class="level-0" value="3045">MongoDB</option> <option class="level-0" value="2752">MySQL</option> <option class="level-0" value="10290">nacos</option> <option class="level-0" value="2844">nodejs</option> <option class="level-0" value="249">ogc</option> <option class="level-0" value="6815">OGR</option> <option class="level-0" value="2970">openlayers</option> <option class="level-0" value="3034">Oracle</option> <option class="level-0" value="6264">oraclespatial</option> <option class="level-0" value="46">PostGreSQL</option> <option class="level-0" value="6777">PROJ</option> <option class="level-0" value="3000">pyspider</option> <option class="level-0" value="53">Python</option> <option class="level-0" value="3150">Python教程</option> <option class="level-0" value="3193">Python数据分析</option> <option class="level-0" value="10478">reality map</option> <option class="level-0" value="10098">redis</option> <option class="level-0" value="3235">Scrapy教程</option> <option class="level-0" value="10468">smart-transportation</option> <option class="level-0" value="10091">SQLServer</option> <option class="level-0" value="10023">svn</option> <option class="level-0" value="2951">threejs</option> <option class="level-0" value="2965">threejs初级</option> <option class="level-0" value="3275">ubuntu</option> <option class="level-0" value="10470">VR/AR</option> <option class="level-0" value="10270">vscode</option> <option class="level-0" value="247">vue</option> <option class="level-0" value="300">WebGIS 原理、设计、实现</option> <option class="level-0" value="3276">windows</option> <option class="level-0" value="10260">wordpress</option> <option class="level-0" value="3431">ztree</option> <option class="level-0" value="2950">三维开发</option> <option class="level-0" value="9828">二次开发</option> <option class="level-0" value="18868">元宇宙</option> <option class="level-0" value="1379">入门</option> <option class="level-0" value="21118">加密货币</option> <option class="level-0" value="18894">土地利用</option> <option class="level-0" value="18898">土地土壤属性</option> <option class="level-0" value="10362">地图和制图</option> <option class="level-0" value="18860">地质灾害</option> <option class="level-0" value="1362">安装</option> <option class="level-0" value="18839">实景三维</option> <option class="level-0" value="19960">工具</option> <option class="level-0" value="90">开发工具</option> <option class="level-0" value="42">开源GIS</option> <option class="level-0" value="8">技术积累</option> <option class="level-0" value="10455">数字孪生</option> <option class="level-0" value="18879">数据中心</option> <option class="level-0" value="2753">数据库</option> <option class="level-0" value="10073">数据源</option> <option class="level-0" value="1412">数据设置</option> <option class="level-0" value="10121">无人机</option> <option class="level-0" value="18900">智慧农场</option> <option class="level-0" value="18847">智慧水利</option> <option class="level-0" value="2903">栅格数据</option> <option class="level-0" value="2975">水文分析</option> <option class="level-0" value="1">测试</option> <option class="level-0" value="18857">电力</option> <option class="level-0" value="1413">矢量数据</option> <option class="level-0" value="18845">矿山</option> <option class="level-0" value="6428">空间分析</option> <option class="level-0" value="10282">空间分析</option> <option class="level-0" value="6654">空间统计</option> <option class="level-0" value="97">算法</option> <option class="level-0" value="9593">精选文章</option> <option class="level-0" value="2649">网站建设</option> <option class="level-0" value="10359">自动驾驶</option> <option class="level-0" value="289">资源下载</option> <option class="level-0" value="18871">车路协同</option> <option class="level-0" value="10369">遥感</option> </select> </form><script type="text/javascript"> /* <![CDATA[ */ (function() { var dropdown = document.getElementById( "cat" ); function onCatChange() { if ( dropdown.options[ dropdown.selectedIndex ].value > 0 ) { dropdown.parentNode.submit(); } } dropdown.onchange = onCatChange; })(); /* ]]> */ </script> </div><div id="tag_cloud-12" class="widget widget_tag_cloud"><h3 class="group"><span>标签</span></h3><div class="tagcloud"><a href="https://www.giserdqy.com/tag/arcengine/" class="tag-cloud-link tag-link-27 tag-link-position-1" style="font-size: 15.616580310881pt;" aria-label="arcengine (205 项)">arcengine</a> <a href="https://www.giserdqy.com/tag/arcgis/" class="tag-cloud-link tag-link-817 tag-link-position-2" style="font-size: 8.2901554404145pt;" aria-label="ArcGIS (19 项)">ArcGIS</a> <a href="https://www.giserdqy.com/tag/arcgis-api-for-javascript/" class="tag-cloud-link tag-link-3629 tag-link-position-3" style="font-size: 8.2901554404145pt;" aria-label="arcgis api for javascript (19 项)">arcgis api for javascript</a> <a href="https://www.giserdqy.com/tag/arcgis-api-for-javascript%e4%b8%93%e6%a0%8f/" class="tag-cloud-link tag-link-3630 tag-link-position-4" style="font-size: 8.2901554404145pt;" aria-label="arcgis api for javascript专栏 (19 项)">arcgis api for javascript专栏</a> <a href="https://www.giserdqy.com/tag/arcgis-api-for-js/" class="tag-cloud-link tag-link-22 tag-link-position-5" style="font-size: 9.8134715025907pt;" aria-label="arcgis api for js (31 项)">arcgis api for js</a> <a href="https://www.giserdqy.com/tag/arcmap/" class="tag-cloud-link tag-link-3018 tag-link-position-6" style="font-size: 16.559585492228pt;" aria-label="arcmap (276 项)">arcmap</a> <a href="https://www.giserdqy.com/tag/arcpy/" class="tag-cloud-link tag-link-3326 tag-link-position-7" style="font-size: 22pt;" aria-label="ArcPy (1,545 项)">ArcPy</a> <a href="https://www.giserdqy.com/tag/datasource/" class="tag-cloud-link tag-link-10365 tag-link-position-8" style="font-size: 10.538860103627pt;" aria-label="datasource (40 项)">datasource</a> <a href="https://www.giserdqy.com/tag/es6/" class="tag-cloud-link tag-link-285 tag-link-position-9" style="font-size: 9.5958549222798pt;" aria-label="es6 (29 项)">es6</a> <a href="https://www.giserdqy.com/tag/gdal/" class="tag-cloud-link tag-link-347 tag-link-position-10" style="font-size: 15.544041450777pt;" aria-label="GDAL (199 项)">GDAL</a> <a href="https://www.giserdqy.com/tag/geosanalysis/" class="tag-cloud-link tag-link-6692 tag-link-position-11" style="font-size: 15.253886010363pt;" aria-label="geosanalysis (179 项)">geosanalysis</a> <a href="https://www.giserdqy.com/tag/geoserver/" class="tag-cloud-link tag-link-16 tag-link-position-12" style="font-size: 21.056994818653pt;" aria-label="geoserver (1,158 项)">geoserver</a> <a href="https://www.giserdqy.com/tag/geostatistic/" class="tag-cloud-link tag-link-6653 tag-link-position-13" style="font-size: 13.00518134715pt;" aria-label="geostatistic (88 项)">geostatistic</a> <a href="https://www.giserdqy.com/tag/geotools/" class="tag-cloud-link tag-link-395 tag-link-position-14" style="font-size: 15.544041450777pt;" aria-label="Geotools (197 项)">Geotools</a> <a href="https://www.giserdqy.com/tag/geotrellis/" class="tag-cloud-link tag-link-6209 tag-link-position-15" style="font-size: 10.683937823834pt;" aria-label="geotrellis (42 项)">geotrellis</a> <a href="https://www.giserdqy.com/tag/gis/" class="tag-cloud-link tag-link-337 tag-link-position-16" style="font-size: 10.466321243523pt;" aria-label="GIS (39 项)">GIS</a> <a href="https://www.giserdqy.com/tag/gis-software-2/" class="tag-cloud-link tag-link-10370 tag-link-position-17" style="font-size: 12.787564766839pt;" aria-label="gis-software (82 项)">gis-software</a> <a href="https://www.giserdqy.com/tag/gis-analysis/" class="tag-cloud-link tag-link-10360 tag-link-position-18" style="font-size: 13.367875647668pt;" aria-label="GIS ANALYSIS (98 项)">GIS ANALYSIS</a> <a href="https://www.giserdqy.com/tag/gis-career/" class="tag-cloud-link tag-link-3029 tag-link-position-19" style="font-size: 12.569948186528pt;" aria-label="GIS Career (76 项)">GIS Career</a> <a href="https://www.giserdqy.com/tag/gis%e8%81%8c%e4%b8%9a/" class="tag-cloud-link tag-link-10228 tag-link-position-20" style="font-size: 12.569948186528pt;" aria-label="gis职业 (76 项)">gis职业</a> <a href="https://www.giserdqy.com/tag/gis%e8%bd%af%e4%bb%b6/" class="tag-cloud-link tag-link-10371 tag-link-position-21" style="font-size: 12.787564766839pt;" aria-label="GIS软件 (82 项)">GIS软件</a> <a href="https://www.giserdqy.com/tag/git/" class="tag-cloud-link tag-link-25 tag-link-position-22" style="font-size: 12.20725388601pt;" aria-label="git (68 项)">git</a> <a href="https://www.giserdqy.com/tag/leaflet/" class="tag-cloud-link tag-link-327 tag-link-position-23" style="font-size: 19.461139896373pt;" aria-label="leaflet (698 项)">leaflet</a> <a href="https://www.giserdqy.com/tag/mongodb/" class="tag-cloud-link tag-link-3047 tag-link-position-24" style="font-size: 11.336787564767pt;" aria-label="mongodb (51 项)">mongodb</a> <a href="https://www.giserdqy.com/tag/ogr/" class="tag-cloud-link tag-link-6816 tag-link-position-25" style="font-size: 15.326424870466pt;" aria-label="ogr (185 项)">ogr</a> <a href="https://www.giserdqy.com/tag/openayers%e7%b3%bb%e5%88%97%e6%95%99%e7%a8%8b/" class="tag-cloud-link tag-link-3549 tag-link-position-26" style="font-size: 8.2901554404145pt;" aria-label="openayers系列教程 (19 项)">openayers系列教程</a> <a href="https://www.giserdqy.com/tag/ol/" class="tag-cloud-link tag-link-7 tag-link-position-27" style="font-size: 21.274611398964pt;" aria-label="openlayers (1,219 项)">openlayers</a> <a href="https://www.giserdqy.com/tag/opens/" class="tag-cloud-link tag-link-10325 tag-link-position-28" style="font-size: 11.989637305699pt;" aria-label="opens (63 项)">opens</a> <a href="https://www.giserdqy.com/tag/oracle-spatial/" class="tag-cloud-link tag-link-6265 tag-link-position-29" style="font-size: 15.181347150259pt;" aria-label="oracle spatial (178 项)">oracle spatial</a> <a href="https://www.giserdqy.com/tag/postgis/" class="tag-cloud-link tag-link-373 tag-link-position-30" style="font-size: 20.113989637306pt;" aria-label="PostGIS (855 项)">PostGIS</a> <a href="https://www.giserdqy.com/tag/postgresql/" class="tag-cloud-link tag-link-5616 tag-link-position-31" style="font-size: 20.113989637306pt;" aria-label="postgresql (848 项)">postgresql</a> <a href="https://www.giserdqy.com/tag/proj4/" class="tag-cloud-link tag-link-6778 tag-link-position-32" style="font-size: 10.466321243523pt;" aria-label="proj4 (39 项)">proj4</a> <a href="https://www.giserdqy.com/tag/python%e6%95%99%e7%a8%8b/" class="tag-cloud-link tag-link-3152 tag-link-position-33" style="font-size: 10.466321243523pt;" aria-label="python教程 (39 项)">python教程</a> <a href="https://www.giserdqy.com/tag/python%e6%95%b0%e6%8d%ae%e5%88%86%e6%9e%90/" class="tag-cloud-link tag-link-3195 tag-link-position-34" style="font-size: 10.538860103627pt;" aria-label="Python数据分析 (40 项)">Python数据分析</a> <a href="https://www.giserdqy.com/tag/remote-sensing/" class="tag-cloud-link tag-link-963 tag-link-position-35" style="font-size: 10.974093264249pt;" aria-label="remote sensing (46 项)">remote sensing</a> <a href="https://www.giserdqy.com/tag/vue/" class="tag-cloud-link tag-link-272 tag-link-position-36" style="font-size: 8pt;" aria-label="vue (17 项)">vue</a> <a href="https://www.giserdqy.com/tag/vue3/" class="tag-cloud-link tag-link-10327 tag-link-position-37" style="font-size: 11.989637305699pt;" aria-label="vue3 (63 项)">vue3</a> <a href="https://www.giserdqy.com/tag/webgis/" class="tag-cloud-link tag-link-12 tag-link-position-38" style="font-size: 8.4352331606218pt;" aria-label="webgis (20 项)">webgis</a> <a href="https://www.giserdqy.com/tag/%e5%9c%b0%e5%9b%be/" class="tag-cloud-link tag-link-320 tag-link-position-39" style="font-size: 10.538860103627pt;" aria-label="地图 (40 项)">地图</a> <a href="https://www.giserdqy.com/tag/%e5%9c%b0%e5%9b%be%e5%92%8c%e5%88%b6%e5%9b%be/" class="tag-cloud-link tag-link-10363 tag-link-position-40" style="font-size: 11.626943005181pt;" aria-label="地图和制图 (57 项)">地图和制图</a> <a href="https://www.giserdqy.com/tag/%e5%9c%b0%e7%90%86%e4%bf%a1%e6%81%af/" class="tag-cloud-link tag-link-345 tag-link-position-41" style="font-size: 10.321243523316pt;" aria-label="地理信息 (37 项)">地理信息</a> <a href="https://www.giserdqy.com/tag/%e6%95%b0%e5%ad%97%e5%ad%aa%e7%94%9f/" class="tag-cloud-link tag-link-10422 tag-link-position-42" style="font-size: 8.8704663212435pt;" aria-label="数字孪生 (23 项)">数字孪生</a> <a href="https://www.giserdqy.com/tag/%e6%95%b0%e6%8d%ae%e6%ba%90/" class="tag-cloud-link tag-link-10366 tag-link-position-43" style="font-size: 12.932642487047pt;" aria-label="数据源 (86 项)">数据源</a> <a href="https://www.giserdqy.com/tag/%e7%a9%ba%e9%97%b4%e5%88%86%e6%9e%90/" class="tag-cloud-link tag-link-74 tag-link-position-44" style="font-size: 15.253886010363pt;" aria-label="空间分析 (181 项)">空间分析</a> <a href="https://www.giserdqy.com/tag/%e7%a9%ba%e9%97%b4%e7%bb%9f%e8%ae%a1/" class="tag-cloud-link tag-link-6608 tag-link-position-45" style="font-size: 13.00518134715pt;" aria-label="空间统计 (88 项)">空间统计</a></div> </div> <div id="recent-posts-10" class="widget widget_recent_entries"> <h3 class="group"><span>近期文章</span></h3> <ul> <li> <a href="https://www.giserdqy.com/gis/opengisnews/41978/">探索地球的另一面：15张让你惊叹的独特地图</a> </li> <li> <a href="https://www.giserdqy.com/gis/opengisnews/41952/">当 1.2 亿亩耕地 “隐性撂荒”：我们高估了土地的 “自愈能力”</a> </li> <li> <a href="https://www.giserdqy.com/gis/opengisnews/41930/">他改变了GIS软件格局，退隐背后的故事令人唏嘘</a> </li> <li> <a href="https://www.giserdqy.com/gis/opengisnews/41921/">政策赋能、技术驱动、场景落地：中国低空经济跨越式发展与未来图景</a> </li> <li> <a href="https://www.giserdqy.com/ai/41916/">Google Research GeoAI模型：洪水预测中的GIS革新</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <footer id="footer"> <img id="footer-logo" src="https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2018/09/cropped-giserdqy.png" alt="GIS开发者"> <div class="container dark" id="footer-widgets"> <div class="container-inner"> <div class="pad group"> <div class="footer-widget-1 grid one-full last"> <div id="custom_html-27" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"> <div style="text-align:center;width:100%;height:30px;line-height:30px;"><a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener">京ICP备 18040113号</a></div></div></div> </div> </div> </div> </div> <div id="wrap-nav-footer" class="wrap-nav"> <div class="container-inner"> <nav id="nav-footer-nav" class="main-navigation nav-menu"> <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"> <span class="screen-reader-text">Expand Menu</span><div class="menu-toggle-icon"><span></span><span></span><span></span></div> </button> <div class="menu-%e5%ba%95%e9%83%a8%e9%93%be%e6%8e%a5-container"><ul id="nav-footer" class="menu"><li id="menu-item-19" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19"><span class="menu-item-wrapper"><a href="https://blog.csdn.net/gisdoer">CSDN</a></span></li> <li id="menu-item-12036" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12036"><span class="menu-item-wrapper"><a href="http://www.pydeveloper.com">GeoAI</a></span></li> <li id="menu-item-11647" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11647"><span class="menu-item-wrapper"><a href="http://www.yulekong.cn">中国程序员</a></span></li> <li id="menu-item-985" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-985"><span class="menu-item-wrapper"><a href="http://www.cnblogs.com/dqygiser/">博客园</a></span></li> <li id="menu-item-3659" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3659"><span class="menu-item-wrapper"><a href="https://www.giserdqy.com/sitemap_index.xml">站点地图</a></span></li> <li id="menu-item-37139" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37139"><span class="menu-item-wrapper"><a href="http://www.52geo.cn">吾爱地理</a></span></li> <li id="menu-item-37140" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37140"><span class="menu-item-wrapper"><a href="http://www.nav.52geo.cn">地理导航</a></span></li> </ul></div> </nav> </div> </div> <div class="container" id="footer-bottom"> <div class="container-inner"> <a id="back-to-top" href="#"><i class="fas fa-angle-up"></i></a> <div class="pad group"> <div class="grid one-half"> <div id="copyright"> <p>GIS开发者 © 2025. All Rights Reserved.</p> </div> <div id="credit"> <p>Powered by <a href="http://wordpress.org" rel="nofollow">WordPress</a>. Theme by <a href="http://alx.media" rel="nofollow">Alx</a>.</p> </div> </div> <div class="grid one-half last"> </div> </div> </div> </div> </footer> </div> <script type="text/javascript" src="https://www.giserdqy.com/wp-content/themes/kontrast/js/jquery.fitvids.js?ver=6.5.5" id="kontrast-fitvids-js"></script> <script type="text/javascript" src="https://www.giserdqy.com/wp-content/themes/kontrast/js/scripts.js?ver=6.5.5" id="kontrast-scripts-js"></script> <script type="text/javascript" src="https://www.giserdqy.com/wp-content/themes/kontrast/js/nav.js?ver=1673022885" id="kontrast-nav-script-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>

Tagged: leaflet