瓦片leaflet
QGIS加载Geoserver发布的矢量瓦片服务
1.点击geoserver图标 2.点击tms查看服务url 3.在qgis添加矢量瓦片 因为geoserver是tms方案，所以用-y 使用mapboxgl同样可以支持加载 { type: "vector", scheme: "tms", tileSize: 256, tiles: [ "http ......
【Python&RS】基于矢量范围批量下载遥感瓦片高清数据（天地图、高德、谷歌等）
这个是之前写的代码了，正好今天有空所以就和大家分享一下。我们在处理项目时，有时候需要高清底图作为辅助数据源去对比数据，所以可能会需要卫星数据。所以今天就和大家分享一下如何使用Python基于矢量范围批量下载高清遥感瓦片数据。 ......
Leaflet 使用图片作为地图
Leaflet 使用图片作为地图 关键代码： L.CRS.Simple.transformation = new L.Transformation(1, 0, 1, 0); // 坐标原点切换为左上角 var map = new L.Map('map', { crs: L.CRS.Simple, / ......
leaflet在vue2中标点 加载geoJSON
lealfet版本1.9.4 vue版本2.6 引入: import L from 'leaflet' import 'leaflet/dist/leaflet.css' //记得引入样式 不然加载瓦片图后地图会错乱 1.初始化 this.map = L.map(this.mapId, mapIni ......
leaflet流星线的实现以及参数配置
最近项目里面需要实现一个效果,在leaflet里面实现流星线,查了很多资料都没有我想要的,最后找到一个流动线(具体连接已经找不到了)在此基础上改动实现了该效果! html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ......
uniapp中引入Leaflet
1. 引言 uniapp中自带有map组件，并且自带的map组件有常见的显示地图、绘制点线面的功能 但是，它存在以下问题： 收费，自带的map组件使用的是高德、腾讯的地图，无论使用什么样的功能，即使只是绘制底图，也无论多少人使用，需要收费 可定制能力低，除了map组件提供的方法与属性以外，难以加入其 ......
leaflet使用heatmap.js出现heatmap.js:527 Uncaught TypeError: Cannot assign to read only property 'data' of object '#<ImageData>'问题
一、问题背景 问题是这样发生的，因为项目中需要实现热力图的功能，所以使用了第三方的库 heatmap.js。 但是在一些浏览器中使用它时，会出现这个错误： > Uncaught TypeError: Cannot assign to read only property 'data' of obje ......
【leaflet】动态轨迹
使用插件：leaflet.motion https://github.com/Igor-Vladyka/leaflet.motion // 执行轨迹回放 doShowTraces(latLngs) { latLngs = [ [39.123595, 110.561176], [39.123041, ......
leaflet | GridLayer扩展土层
一、createtile方法 1、同步使用 要创建自定义层，请扩展GridLayer并实现createTile()方法，该方法将通过一个带有x、y和z(缩放级别)坐标的点对象来绘制瓦片。 代码示例： var CanvasLayer = L.GridLayer.extend({ createTile: ......
墨卡托投影瓦片转换成WGS84投影瓦片
如题,相信任何一个GIS引擎开发者都会遇到的问题，要解决这个问题，首先要了解两者的区别(mercator投影).WGS84投影 如图所示，是一张Mercator投影的地图瓦片，这种投影将地球投影成 W 与 H 相等的图片，是一个正方形(宽度与高度相等) 经纬度方式：-180°，-85°，+180°， ......
@supermap/iclient-leaflet使用tiledMapLayer报错
使用leaflet加载超图的时候 有时候超图无法加载 有时候报如下错误 因为手上有好几个项目都在使用leaflet 但是同样都使用 @supermap/iclient-leaflet (版本 11.1.0-a) 加载超图，有的项目可行，有的不可行 最后打开项目根目录下 node_modules里 查 ......
如何将Tiff文件切成瓦片( GDAL切片) gdal2tile - 基于C++语言开发
准备资料 1. 一张wgs84投影的大tiff文件，建议初学者使用一张全球 2048 * 1024 / 4096 * 2048 的完整数据(有助于观察验证) 2. 准备C++开发环境，配置好gdal （笔者使用的环境是 vs2022 + gdal-2.3.0) c++ 开发环境 3. 建立一个测试工 ......
Unity中瓦片地图
图片切割 切割后如下图所示， 瓦片调色板 如下图所示，建立好对应的目录后，在Project面板下，右击Create -> 2D -> Tile Palette -> Rectangular中新建一个矩形调色板，命名为forest1保存在Palettes下，然后在顶部工具栏找到Window-> 2D ......
使用QGIS切片，使用Nginx反向代理本地瓦片，并在QGIS加载图层
## 使用QGIS切片（以tif为例） 1. 新建QGIS工程（.qgz） 2. 将tif文件拖到图层区  3. ......
leaflet.js气象风场图制作
### Demo示例 ```html LeafletVelocity Demo ``` ### 示例效果  点击查看 ......
实现地图遮罩 leaflet
# 1 前言 在地图中加载的底图是瓦片服务（固定大小的规则矩形），底图的范围很大，铺满了整个div，但是我们的感兴趣的部门可能只是其中一部分，如何在整个屏幕中突出感兴趣的部分-- **地图遮罩**（遮挡图像中不感兴趣的部分）。最常见的用处是突出行政区内部区域。  。Leaflet 简单、高效并且易用。 它可以高 ......
geoserver(内置GeoWebcache)+arcgis瓦片（完整）
环境：geoserver-2.18.0-bin、geowebcache-1.18.3-war里的gwc-arcgiscache-1.18-SNAPSHOT.jargeoserver下载地址：https://sourceforge.net/projects/geoserver/files/latest ......
GeoWebCache+arcgis紧凑型瓦片
利用网上下载geowebcache-1.18.3-war + apache-tomcat-9.0.35进行部署并运行 GeoWebcache:https://sourceforge.net/projects/geowebcache/files/geowebcache/1.18.3/geowebcac ......
gmap构建离线地图，用createCustomerTiledLayer方法，瓦片地址尾部多了 ?x={x}&y={y}&z&{z} 导致无法显示地图。
gmap构建离线地图，用createCustomerTiledLayer方法，瓦片地址尾部多了 ?x={x}&y={y}&z&{z} 导致无法显示地图。 ```javascript function initMap() { this.map = new GL.Map('map', { center: ......
003-Leaflet-各地图切换
一、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten ......
瓦片切图算法以及并发切图实践
# 瓦片切图算法以及并发切图实践 互联网地图服务商的在线地图都通过瓦片的方式提供，称为瓦片地图服务。最常见的地图瓦片是图片格式的，现在有的地图服务商也提供了矢量的瓦片数据，然后在用户端使用Canvas渲染成图片，如node-canvas实现百度地图个性化底图绘制。 在进行地图开发时，为获取特定经纬度 ......
vue3 +leaflet + 天地图
### vue3使用leaflet ```javascript npm install leaflet -D ``` ###### 如果使用了ts ```javascript npm i --save-dev @types/leaflet // 使用了ts需要下载声明类型 ``` ```javasc ......
基于SuperMap iDesktop制作栅格和矢量瓦片
栅格瓦片的制作与使用 栅格瓦片的生产 瓦片地图缓存可以提升客户端地图呈现的显示效率，但是生成瓦片地图缓存也是一项耗费时间的工作。 桌面产品生成缓存iServer分布式切图 SuperMap UGC缓存 SuperMap UGC V5缓存 MongoDB 分布式存储缓存MongoDB 栅格瓦片的制作（ ......
栅格瓦片与矢量瓦片
地图缓存技术 地图服务的性能需求越来越高 缓存技术大大提高了地图服务的性能，对用户体验也比较好 缓存技术降低了服务器端压力，不在需要进行动态出图 地图缓存或瓦块地图可以支持众多客户端并发浏览 地图缓存技术是一种非常有效的提高在线地图访问效率的方式，用空间换取时间的方式。 空间数据较为复杂地图或者地图 ......
ArcGIS API for JavaScript 4.x调用离线瓦片
前言 主流GIS服务： 1. ArcGIS Server 发布的服务(使用arcgis api for js调用非常简单，都是现成的) 2. OGC标准WMS、WMTS、WFS服务（常用 ArcGIS Server 、GeoServer发布） 3. 静态资源数据服务（直接web容器发布） 4. 互联 ......