当前位置：首页 > news >正文

高空视角之大美遥感-基于Leaflet和天地图的壮美遥感影像实践

news 来源：原创 2025/5/31 20:24:28

前言

一、遥感遇到天地图

1、需求描述

2、Leaflet集成

3、Leaflet定位

二、壮美遥感影像展示

1、标语篇

2、象形篇

3、人工设计篇

4、重大工程

三、总结

前言

在人类探索世界的漫长历程中，视角的拓展始终推动着认知的边界。从最初立足大地，以脚步丈量山川湖海，到如今借助科技的羽翼飞向高空，我们得以以一种前所未有的宏观视角俯瞰这片生于斯、长于斯的土地。在这个数字技术蓬勃发展的时代，遥感影像成为我们开启全新视觉盛宴的钥匙，而基于 Leaflet 和天地图的遥感影像实践，更是将这把钥匙巧妙地交到了大众手中，让我们能够真切触摸到那些从高空捕捉的壮美画面，开启一场别开生面的视觉与心灵之旅。

遥感技术，这一在测绘、地理、环境等诸多领域大放异彩的科技结晶，宛如人类派往太空与高空的敏锐 “哨兵”，忠实记录着地球表面的每一寸变化。卫星、飞机等遥感平台搭载的高性能传感器，穿透云雾的遮挡，无视地域的阻隔，将地球的壮丽山河、广袤森林、浩瀚沙漠、湛蓝海洋，以及人类文明铸就的城市景观、农田纹理等，以数据的形式精准收集。这些看似冰冷的数字，在经过专业处理与解读后，化作一幅幅震撼人心的遥感影像，生动勾勒出我们这个蓝色星球的雄浑与秀美。

本文将详细说明通过Leaflet和天地图影像来发现遥感影像之美，遥感数据瓦片完全来源于天地图，为了方便查找，在实现过程中还集成了天地图的按照中文转经纬度位置的转换以及基于别人公开的坐标寻找指定地物两种方式。通过这种基于 Leaflet 和天地图的遥感影像实践，遥感技术从专业领域走进大众视野，成为每个人都能轻松使用的探索工具。无论是出于科研需求，深入分析地理环境的演变规律；还是满足旅行规划，提前预览目的地的壮丽风光；亦或是单纯沉浸在地球之美的震撼之中，陶冶情操、拓展视野，它都能全方位满足。这不仅是一次技术应用的尝试，更是为大众打开一扇通往高空、通往地球深处奥秘的窗口，让我们在领略大美遥感的同时，重新审视我们与这个星球的深刻羁绊，激发起内心对自然的敬畏与守护之情，在数字时代的浪潮中，坚守对地球家园那一份永恒的热爱与责任。

一、遥感遇到天地图

本节将详细介绍使用Leaflet来展示天地图的遥感影像，直接调用天地图的遥感影像比较简单，不需要自己去维护和保存离线的瓦片。重点将从应用需求、Leaflet的集成和定位说明三个方面展开。

1、需求描述

Leaflet 与天地图的结合，恰似搭建起一座沟通遥感数据与大众视野的坚固桥梁。Leaflet 以其轻量级、功能强大、易于集成的特性，为遥感影像的展示提供了一套便捷高效的解决方案。它能够轻松应对海量影像数据，精准实现地图的缩放、平移、旋转等操作，让使用者可以像操控身边的事物一样，自如地探索广阔无垠的遥感世界。而天地图，作为拥有丰富地理信息数据资源的权威平台，为遥感影像的底图支撑与地理参考奠定了坚实基础。它整合了各地的地形地貌、道路水系、地名地址等多元信息，使得遥感影像不再是孤立的空中画面，而是与地面实际紧密相连，赋予影像鲜活的地理语境与实用价值。

在实践过程中，当我们运用 Leaflet 加载天地图底图，再叠加处理后的遥感影像时，一场视觉的狂欢就此拉开帷幕。我们可以目睹巍峨山脉在遥感影像中如巨龙般蜿蜒起伏，山脊的线条、山谷的深浅、植被的分布尽收眼底；宽广的河流如同银色的绸带，曲折流淌在大地之上，清晰可见其冲积扇的形成、沿岸生态的变迁；繁华都市的全貌一览无余，高楼大厦的密集布局、道路的纵横交错、功能分区的井然有序，无不彰显人类智慧的璀璨。这不再仅仅是一幅幅静态的图片，而是动态、鲜活、充满故事的地球画卷，诉说着自然的鬼斧神工与人类活动的波澜壮阔。

2、Leaflet集成

为了让第一次看到本文的朋友也能掌握和理解如何使用Leaflet来继承天地图的遥感影像API，这里还是给出实际的实例代码，代码不详尽的，还请大家在评论区留言指正。集成天地图的关键实例代码如下：

var map = L.map('mapid').setView([34.669359, 113.642578], 10);
var tdt_client_key = "tdk_key";//天地图客户端的key
L.tileLayer('http://t0.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=' +tdt_client_key, {maxZoom: 20,attribution: 'Map data &copy; <a href="http://www.tianditu.gov.cn/">TianDiTu</a>, <a href="http://www.esri.com/">Esri</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'}).addTo(map);
//标签 
L.tileLayer('http://t1.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk='+ tdt_client_key, {maxZoom: 18,//id: 'mapbox/label',tileSize: 256,zoomOffset: -1}).addTo(map);

3、Leaflet定位

在前面的需求描述中介绍过，为了方便查找相应的地物，我们提供两种快速的定位查询方法。第一种方法是根据中文的地名地址名称，调用天地图的官方地名查询API，然后返回给对应的位置坐标，再结合Leaflet来进行定位。第二种方法就是根据互联网上别人给定的坐标来使用Leaflet进行空间位置的定位。因此首先第一步需要创建两个查询检索的按钮，关键代码如下：

<div style="position:absolute;z-index:403;top:55px;left:60px;"><input type="text" style="width:300px;height:20px;" value="上海滴水湖" name="address" id="address"></input><input type="button" value="查询" onclick="execQuery();"></input><br/><br/><input type="text" style="width:300px;height:20px;" value="39.752671,98.212559" name="location" id="location"></input><input type="button" value="定位" onclick="positionLoc();"></input><br/>
</div>

在上面的两个查询框中，默认了两个地方，一个是上海的滴水湖公园，另外一个是北京的一个中国地图公园的坐标位置。同时，需要在前端定义对应的执行方法，在对应的方法中来执行定位的逻辑，关键代码如下所示：

function execQuery(){var keyWord = $("#address").val();$.ajax({type: "get",url: "http://api.tianditu.gov.cn/geocoder?ds={'keyWord':'" + keyWord + "'}&tk=" + tdt_client_key,data: {},success: function(rsData) {var rsObj = rsData; var loc_info = rsObj.location;map.setView([loc_info.lat, loc_info.lon],13);}});
}
function positionLoc(){var location = $("#location").val();if("" != location){var lat = location.split(",")[0];var lon = location.split(",")[1];map.setView(L.latLng(lat, lon),13);}
}

方法比较简单，没有特别复杂的逻辑，后面一个位置定位的方法就是一个简单的地图位置的设置。第一个方法是使用js来调用了天地图的一个API，接受一个中文名返回对应的位置服务。

二、壮美遥感影像展示

在掌握了如何使用Leaflet集成天地图的遥感影像和官方的API服务之后，下面就是本文的主要内容。对实现好的系统进行成果验收，通过Leaflet，我们来看看我们壮美的祖国，从高空中俯瞰我们的神州大地。同样，为了对展示效果有一个很好的归纳，这里将遥感影像的效果大致分为了4种，分别是标语篇、象形篇、人工设计篇以及其他。

1、标语篇

首先来看标语篇，中国的荒漠中的标语，很多是在60-70年代建造而成,这是其中一块。先来看实际的效果。这个标语的大致坐标位置：42.6550431,94.1662000

接下来是位于甘肃省嘉峪关市连霍高速S305相连的地方有一个巨大的龙字，大致坐标是：39.752671,98.212559，如下所示：

还有一些是位于坐标为：40.458679,93.31314的奇怪图案，我也不知道是个啥。如果有知道的朋友不妨在评论区留言。

2、象形篇

象形篇，顾名思义，主要就是大自然本身的形状跟我们的看到的比较像。主要是从形象上来说的。首先介绍云龙水库，它位于昆明市禄劝县的云龙水库,从遥感影像上看，水库细长且蜿蜒不断，正像是一条云间翱翔的巨龙，坐标位置大概：25.880693, 102.414379。

西双版纳曼听村，云南省西双版纳州景洪市勐罕镇曼听村，南临澜沧江。江边的平原地区种着植被，但是却被江水无情隔断，相互对望，坐标位置：21.845088, 100.962338。

3、人工设计篇

除了大自然这位天然的能工巧匠，人类在城市设计和园林景观设计时也是加入了很多智慧。在设计景观时也是从美学方面给出了一份答卷，这里将展示一下人工设计的一些通过遥感看起来很有趣的影像信息。

首先来看下位于上海市浦东新区临港新城，滴水湖呈正圆形，直径约2600米，总面积约556万平方米，蓄水量约1620万立方米，最深约6.2米。空中鸟瞰像不像那上帝之眼呢？坐标位置：30.898726, 121.93687。

接下来看一下位于杭州市上城区，曾是南宋皇家籍田的遗址，八卦田是古代帝皇通过神圣仪式活动对农业生产予以重视的场所。八卦田齐齐整整有八只角，把田分成八丘。八丘田上种着八种不同的庄稼。一年四季，八种庄稼呈现出八种不同的颜色。在八丘田当中，有个圆圆的土墩，那就是半阴半阳的一个太极八卦图。坐标位置：30.213379, 120.146946。

在来看一个有意思的，位于海南省海口市秀英区南海明珠岛，空中鸟瞰就是那海水版的太极图。坐标位置：20.071814, 110.235615。

最后再来看一个聂耳音乐广场，聂耳音乐广场坐落于玉溪市城区，由一湖、一桥、两线、四区组成，为纪念伟大人民音乐家聂耳建立。从高空俯视，广场主体设计犹如一把巨大的小提琴镶嵌在大地上，壮观秀丽。坐标位置：24.369733, 102.56116。

4、重大工程

最后一组来看看一些重大工程，比如超大规模水利工程，超级交通枢纽等。首先来看一下三峡工程，高峡出平湖的奇迹。位置坐标：30.828624, 111.002426。

接着来看一个超级交通枢纽，上海虹桥。是国内超大的集航空和高铁、汽车等多种交通方式于一体的现代大型交通枢纽，在一个地方就能完成不同交通需求的转换。位置坐标：31.196522, 121.319833。

最后来看看连接香港，祖国大陆、澳门的港珠澳大桥，随着大桥的通车，我们重大的海上交通联系网建成，港珠澳三地的交通进一步的密切了。空间位置：22.212676, 113.583999。

三、总结

以上就是本文的主要内容，本文将详细说明通过Leaflet和天地图影像来发现遥感影像之美，遥感数据瓦片完全来源于天地图，为了方便查找，在实现过程中还集成了天地图的按照中文转经纬度位置的转换以及基于别人公开的坐标寻找指定地物两种方式。通过这种基于 Leaflet 和天地图的遥感影像实践，遥感技术从专业领域走进大众视野，成为每个人都能轻松使用的探索工具。行文仓促，定有不足之处，欢迎各位朋友在评论区批评指正，不胜感激。

参考内容：

1、卫星地图上，国内外一些有趣的图像，附坐标经纬度。

2、从400千米太空的遥感影像图俯瞰祖国的壮丽山河，你到过几个。

3、卫星地图上国内那些造型有趣的地方，网友：这也太形象了吧！。

4、从一组遥感影像图欣赏大美中国。