天地图——内网使用离线地图

已于 2024-03-10 17:47:58 修改
阅读量7.8k 收藏 36
点赞数 17
分类专栏： 地图 文章标签： 大屏端 javascript vue.js
于 2024-03-10 17:31:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/f15080134412/article/details/136604646
版权

在内网中，无法直接使用外网天地图资源。可以将天地图资源下载到内网服务器，并且将天地图JavaScript API指向到内网服务器，实现内网使用天地图全部功能。

先看下断网测试效果：

1、地图资源下载：java下载天地图资源，可指定经纬度范围，需要用到天地图开发者秘钥。注意天地图API访问次数限制。

import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.io.OutputStream;
import java.util.concurrent.ExecutorService;
import java.util.concurrent.Executors;
 
import org.apache.http.HttpEntity;
import org.apache.http.HttpResponse;
import org.apache.http.HttpStatus;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.impl.client.CloseableHttpClient;
import org.apache.http.impl.client.HttpClients;
 
/**
 * 天地图数据爬取
 * @author RainingTime
 * @date 2021.09.17
 */
public class TianDiTuDownload {
	
	//矢量（行政） - 等经纬度
	public static String vec_c = "http://{server}.tianditu.gov.cn/vec_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk={tk}";
	//矢量（行政） - 墨卡托
	public static String vec_w = "http://{server}.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk={tk}";
	//矢量注记（行政） - 等经纬度
	public static String cva_c = "http://{server}.tianditu.gov.cn/cva_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk={tk}";
	//矢量注记（行政） - 墨卡托
	public static String cva_w = "http://{server}.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={tk}";
	
	//影像 - 等经纬度
	public static String img_c = "http://{server}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk={tk}";
	//影像 - 墨卡托
	public static String img_w = "http://{server}.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={tk}";
	//影像注记 - 等经纬度
	public static String cia_c = "http://{server}.tianditu.gov.cn/cia_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk={tk}";
	//影像注记 - 墨卡托
	public static String cia_w = "http://{server}.tianditu.gov.cn/cia_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk={tk}";
	
	//地形 - 等经纬度
	public static String ter_c = "http://{server}.tianditu.gov.cn/ter_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=ter&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk={tk}";
	//地形 - 墨卡托
	public static String ter_w = "http://{server}.tianditu.gov.cn/ter_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=ter&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk={tk}";
	//地形注记 - 等经纬度
	public static String cta_c = "http://{server}.tianditu.gov.cn/cta_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cta&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk={tk}";
	//地形注记 - 墨卡托
	public static String cta_w = "http://{server}.tianditu.gov.cn/cta_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cta&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk={tk}";
	
	public static String[] servers = {"t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"};
	
	public static void main(String[] args){
		String basePath = "G:/天地图";
 
        //这里放你的天地图开发者秘钥，注意天地图API访问次数限制
		String tk = "9a02b3cdd29cd346de4df0422979****";
 
		String[] urlArr = {vec_c, vec_w, cva_c, cva_w, img_c, img_w, cia_c, cia_w, ter_c, ter_w, cta_c, cta_w};//要下载的图层
		
		int minZoom = 1;
		int maxZoom = 7;
 
		double startLat = 53.58;//开始纬度（从北到南）
		double endLat = 2.7;//结束纬度（从北到南）
		double startLon = 73.2;//开始经度（从西到东）
		double endLon = 135.15;//结束经度（从西到东）
		
		ExecutorService exe = Executors.newFixedThreadPool(6);
		
		//等经纬度第一层是1x2，纬度数量是2^0，经度数量是2^1
		//墨卡托投影第一层是2x2，纬度数量是2^1，经度数量是2^1
		for(int i=0; i<urlArr.length; i++){
			String url = urlArr[i].replace("{tk}", tk);
			System.out.println(url);
			String layerName = url.split("tianditu.gov.cn/")[1].split("/wmts?")[0];
			System.out.println(layerName);
			if(layerName.endsWith("c")){
				//等经纬度
				for(int z=minZoom; z<=maxZoom; z++){
					if(z > 10){//天地图10级以上只有中国区域
						startLat = startLat > 53.58 ? 53.58 : startLat;//开始纬度（从北到南）
						endLat = endLat < 2.7 ? 2.7 : endLat;//结束纬度（从北到南）
						startLon = startLon < 73.2 ? 73.2 : startLon;//开始经度（从西到东）
						endLon = endLon > 135.15 ? 135.15 : endLon;//结束经度（从西到东）
					}
					double deg = 360.0 / Math.pow(2, z) / 256;//一个像素点代表多少度
					int startX = (int)((startLon + 180) / deg / 256);//减数取整
					int endX = (int)((endLon + 180) / deg / 256);//加数取整
					int startY = (int)((90 - startLat) / deg / 256);
					int endY = (int)((90 - endLat) / deg / 256);
					for(int y=startY; y<=endY; y++){
						for(int x=startX; x<=endX; x++){
							final String newUrl = url.replace("{server}", servers[(int) (Math.random()*servers.length)]).replace("{z}", z+"").replace("{y}", y+"").replace("{x}", x+"");
							//System.out.println(newUrl);
							final String filePath = basePath + "/" + layerName + "/" + z + "/" + y + "/" + x + ".png";
							exe.execute(new Runnable() {
								@Override
								public void run() {
									File file = new File(filePath);
									if(!file.exists()){
										if(!file.getParentFile().exists()){
											file.getParentFile().mkdirs();
										}
										boolean loop = true;
										int count = 0;
										while(loop && count<5){//下载出错进行重试，最多5次
											count++;
											try {
												InputStream in = getFileInputStream(newUrl);
												OutputStream out = new BufferedOutputStream(new FileOutputStream(file));
												byte[] b = new byte[8192];
												int len = 0;
												while((len = in.read(b)) > -1){
													out.write(b, 0, len);
													out.flush();
												}
												out.close();
												in.close();
												loop = false;
											} catch (Exception e) {
												loop = true;
											}
										}
										if(loop){
											System.out.println("下载失败："+newUrl);
										}
									}
								}
							});
						}
					}
				}
			}else{
				//墨卡托
 
				/**
				 * earthRadius = 6378137;//地球赤道半径6378137米
				 * aa = earthRadius * (Math.PI - 0);//赤道周长的一半，20037508.3427892
				 * 85.05112877980659 = (Math.atan(Math.exp(aa / earthRadius))-Math.PI/4)*2 * 180 / Math.PI;//墨卡托最大有效纬度
				 */
				if(startLat > 85.051128){
					System.out.println("墨卡托投影起始纬度最大为：85.051128，下载区域将被限定。");
					startLat = 85.051128;
				}
				if(endLat <- 85.051128){
					System.out.println("墨卡托投影终止纬度最小为：-85.051128，下载区域将被限定。");
					endLat = -85.051128;
				}
 
				for(int z=minZoom; z<=maxZoom; z++){
					if(z > 10){//天地图10级以上只有中国区域
						startLat = startLat > 53.58 ? 53.58 : startLat;//开始纬度（从北到南）
						endLat = endLat < 2.7 ? 2.7 : endLat;//结束纬度（从北到南）
						startLon = startLon < 73.2 ? 73.2 : startLon;//开始经度（从西到东）
						endLon = endLon > 135.15 ? 135.15 : endLon;//结束经度（从西到东）
					}
					double deg = 360.0 / Math.pow(2, z) / 256;//一个像素点代表多少度
					int startX = (int)((startLon + 180) / deg / 256);
					int endX = (int)((endLon + 180) / deg / 256);
					/**
					 * 这里是基于等经纬度坐标转墨卡托坐标的公式得到的算法。（）
					 * 先算出当前地图级别下纬度方向用该有多少个像素点（一个瓦片是256个点，一共有Math.pow(2, z)个瓦片）
					 * 再算出指定纬度坐标与赤道的距离（北半球为正南半球为负）（这里抵消了带入赤道周长的计算，因为它是一个固定值，把赤道周长定为1就抵消了）：Math.log(Math.tan((90 + startLat) * Math.PI / 360)) / (Math.PI / 180)
					 * 就可以得到纬度坐标距赤道有多少个点：(Math.log(Math.tan((90 + startLat) * Math.PI / 360)) / (Math.PI / 180)) / (360/Math.pow(2, z)/256) + 0.5)
					 * 然后就可以计算出其瓦片坐标。
					 */
					int startY = (((int)Math.pow(2, z) * 256 / 2) - (int)((Math.log(Math.tan((90 + startLat) * Math.PI / 360)) / (Math.PI / 180)) / (360/Math.pow(2, z)/256) + 0.5)) / 256;
					int endY = (((int)Math.pow(2, z) * 256 / 2) - (int)((Math.log(Math.tan((90 + endLat) * Math.PI / 360)) / (Math.PI / 180)) / (360/Math.pow(2, z)/256) + 0.5)) / 256;
					for(int y=startY; y<=endY; y++){//加入判断是等经纬度还是墨卡托
						for(int x=startX; x<=endX; x++){
							final String newUrl = url.replace("{server}", servers[(int) (Math.random()*servers.length)]).replace("{z}", z+"").replace("{y}", y+"").replace("{x}", x+"");
							//System.out.println(newUrl);
							final String filePath = basePath + "/" + layerName + "/" + z + "/" + y + "/" + x + ".png";
							exe.execute(new Runnable() {
								@Override
								public void run() {
									File file = new File(filePath);
									if(!file.exists()){
										if(!file.getParentFile().exists()){
											file.getParentFile().mkdirs();
										}
										boolean loop = true;
										int count = 0;
										while(loop && count<5){//下载出错进行重试，最多5次
											count++;
											try {
												InputStream in = getFileInputStream(newUrl);
												OutputStream out = new BufferedOutputStream(new FileOutputStream(file));
												byte[] b = new byte[8192];
												int len = 0;
												while((len = in.read(b)) > -1){
													out.write(b, 0, len);
													out.flush();
												}
												out.close();
												in.close();
												loop = false;
											} catch (Exception e) {
												loop = true;
											}
										}
										if(loop){
											System.out.println("下载失败："+newUrl);
										}
									}
								}
							});
						}
					}
				}
			}
		}
    	exe.shutdown();
		while (true) {
			try {
				Thread.sleep(1000L);//主线程休眠1秒，等待线程池运行结束，同时避免一直死循环造成CPU浪费
			} catch (InterruptedException e) {
			}
			if (exe.isTerminated()) {//线程池所有线程都结束运行
				break; 
			}
		}
	}
	
	//获取文件下载流
	public static InputStream getFileInputStream(String url) throws Exception{
		InputStream is = null;
			CloseableHttpClient httpclient = HttpClients.createDefault();    
			HttpGet request = new HttpGet(url);
			request.setHeader("User-Agent", "Mozilla/4.0 (compatible; MSIE 5.0; Windows NT; DigExt)");
			HttpResponse response = httpclient.execute(request);
			response.setHeader("Content-Type", "application/octet-stream");
			int statusCode = response.getStatusLine().getStatusCode();
			if (statusCode == HttpStatus.SC_OK) {
			    HttpEntity entity = response.getEntity();
			    is = entity.getContent();
			}
		return is;
	}
 
}

下载成功后就会出现各瓦片，注意按需下载，如果只需要墨卡托资源就注释其他的。

2、将天地图的JavaScript API和CSS下载下来存到本地，只需要指向tdt.js即可。

下载已修改的js和css源码

  • tdt.js
  • tdtcomponents.js
  • tdtmilitary.js
  • tdtservice.js
  • tdt.css
<script type="text/javascript" src="<%= BASE_URL %>tdt.js"></script>

3、修改tdt.js的源码，将路径指向到内网服务器（源码修改处展示，最好下载改过的源码）。

window.TMAP_URL = 'https://xxx.xxx.xx.xxx/tdtimg' // 在 第1行 定义全局内网天地图资源服务地址
// 第57行左右

R: T.Protocol.value + "api.tianditu." + T.Domain + "/apiserver/ajaxproxy?proxyReqUrl=",
r: function() {
	return window.TMAP_URL + '/vec_c/'
},
T: function() {
	return window.TMAP_URL + '/cva_c/'
},
t: function() {
	return window.TMAP_URL + '/vec_w/'
},
Y: function() {
	return window.TMAP_URL + '/cva_w/'
},
U: function() {
	return window.TMAP_URL + '/img_c/'
},
u: function() {
	return window.TMAP_URL + '/cia_c/'
},
I: function() {
	return window.TMAP_URL + '/img_w/'
},
i: function() {
	return window.TMAP_URL + '/cia_w/'
},
O: function() {
	return window.TMAP_URL + '/ter_c/'
},
o: function() {
	return window.TMAP_URL + '/cta_c/'
},
P: function() {
	return window.TMAP_URL + '/ter_w/'
},
p: function() {
    return window.TMAP_URL + '/cta_w/'
},
A: ["./tdtcomponents.js"], // , "./tdtservice.js", "./tdtmilitary.js"
a: ["./tdt.css"],
TMAP_DEFAULT_MAPTYPES: []

4、这样就结束了，离线天地图的功能开发和外网一致，无需修改业务代码，可以断网测试。

天地图网页API-JavaScript API 4.0离线
weixin_44156366的博客
03-26 2622
本次开发需要在不连接互联网的场景使用天地图api，底图为第三方地图，本地测试环境可以连接互联网，第一次测试时在本地环境用离线的天地图api.js能正常显示地图，放到正式环境之后地图瓦片显示混乱，记录下解决方案。
百度、高德、谷歌、天地图等离线地图下载工具，arcgis,太乐地图离线工具、破解版
09-15
百度、高德、谷歌、天地图等离线地图下载工具，arcgis,太乐地图离线工具、破解版，可以直接导出arcgis 瓦片格式。
ngin配置内网服务-具体案例【天地图】
最新发布
Cao_Mary的博客
03-11 507
配置 Nginx 作为反向代理，将请求转发到网闸（10.10.10.240:8088），网闸再转发到跳板机（10.10.20.70:9109），最终跳板机通过 HTTP 访问天地图服务。跳板机配置 Nginx，将请求转发到天地图服务的域名（如 http://t0.tianditu.gov.cn），并通过 /etc/hosts 文件解析域名。需要注意的是天地图不能通过IP直接访问，而是要通过域名访问。天地图一般有两个域名，通过负载均衡，每个域名4个IP。且为了安全性，网闸到跳板机都是端到端。
天地图离线api完整包，支持官网所有的操作，包括轨迹移动等
09-07
天地图离线api完整包，支持官网所有的操作，包括轨迹移动等。花了很久的时间才从官网爬下来的，完全离线使用，只需要瓦片地图文件放入对应目录即可。
天地图-离线地图使用的js和css
03-10
天地图-内网离线地图的js和css改过的源码，可以直接使用，只要修改下服务器地址，其他无需修改。
多源在线与离线数据读取三（天地图切片读法）
iteye_8029的博客
05-23 184
天地图地图服务的读取例子在前两年已经有了成果，在这里为了补全系列专题的完整性，给出代码，仅供参数，除了图片获取函数与其它不同，其它跟前两专题的方法是保持一致的。 public class NGCCTiledMapLayer : TiledMapServiceLayer { //****************根据天地图的实际地址修改 {baseUrl} 参数***********...
java下载天地图数据，天地图离线地图，可指定经纬度范围
qq_33427869的博客
09-17 4460
需要用到天地图开发者秘钥。注意天地图API访问次数限制。 代码分享： import java.io.BufferedOutputStream; import java.io.File; import java.io.FileOutputStream; import java.io.InputStream; import java.io.OutputStream; import java.util.concurrent.ExecutorService; import java.util.concur..
Vue中加载天地图的离线地图
前端-尔嵘
06-17 4455
在上述代码中，我们引入了Leaflet.js和天地图离线地图插件的依赖。在initMap方法中，我们创建了一个地图实例，并使用L.tileLayer.wmts方法来添加天地图离线地图瓦片图层。请将'path/to/offline/tiles/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}.png'替换为实际的离线瓦片文件的路径。要在Vue中加载天地图的离线地图，你可以使用L.TileLayer.WMTS插件来实现。
SuperMap离线地图篇一：天地图
热门推荐
三脚猫的专栏
06-15 1万+
此篇文章讲解如何将下载的天地图瓦片发布为supermap服务。步骤一：.desktop打开在线天地图浏览地图一会后可在desktop缓存目录找到如下文件：此目录就是supermap的本地瓦片格式了，只不过当前地图有些偏移，修改方式：打开vec.sci红色部分修改为以上值即可，用desktop打开sci文件，即可发现地图坐标位置已经正确。步骤二：desktop会将浏览过的区域自动下载到当前文件夹缓存...
地图做内网的方法之一
weixin_51173554的博客
06-12 660
在你的内网中 如果有一台服务器能访问外网即可使用nginx来做代理地图资源。这个是第二个方法 如果满足这个需求 你就可以使用这个方法来做 毕竟方便。新建一个文件 将源码复制到这个文件中 然后进行修改。源码文件放nginx上代理 或者放代码本地都可以。将该地址访问 拿到的得到的源码。这样就实现了内网使用天地图的效果。我用的本地nginx进行模拟。
如何离线天地图的兴趣点？（weixin公众号【图说GIS】）
ONEGISER的博客
12-17 638
前言 我们都知道天地图提供了地名搜索V2.0，我们可以在自己的程序中去调用，但如果像离线使用一部分呢？如在Cesium中添加一些地点的标注，显然调用在线的是不行的，这就需要离线一部分。当然该方法只用来学习和交流，不能用于商业用途。后附源码，如有疑问添加本人QQ1305780485。 关键代码 let stop = false export class TdtPoi { private start = 0 private total = 0 private datas = []
VUE 离线地图的下载与使用
08-11
VUE 离线地图的下载与使用，下载瓦片离线使用
天地图下载
06-07
天地图下载器
如何采用离线的_Google_Map_API_加载离线天地图的方法.doc
05-26
如何采用离线的_Google_Map_API_加载离线天地图的方法
内网 离线百度地图
11-28
内网做离线地图，没有水印. 有外网使用外网。没有外网时加载本地服务器的地图。
离线地图的比较，百度地图离线，天地图，openlayers地图
04-07
离线地图的比较，百度地图离线，天地图，openlayers地图
Vue + 天地图 （离线加载）
Java 璐到底
08-01 1814
vue实现天地图离线加载
【WebGIS实例】（17）下载瓦片底图并实现离线加载——以天地图为例
m0_74824755的博客
12-11 1052
在有些项目中，会有部署到无法访问互联网的内网环境中，这时候就会有离线部署应用和地图服务等需求了。本博客是本着交流学习的目的，分享一个离线瓦片地图的获取方案，以天地图为案例，实现步骤安装 QGIS，在 QGIS 中加载天地图下载天地图通过 Nginx 发布地图的静态资源通过地图框架加载资源同样的，借助这个方案可以下载其他的 XYZ 瓦片服务。
高德js离线部署方案
create_1234的博客
02-05 2194
一、概述众所周知，目前常见的地图（高德、百度、腾讯等）只提供在线API服务，对于一些内网应用而言，如果需要使用地图展示，则由于不能访问互联网而无法使用类似的第三方地图服务。本文，通过将高德地图瓦片数据 和 在线JS API做了本地部署，并修改API，将其所有的网络请求均变为本地请求。成功实现了私有化部署！二、爬取瓦片数据1.获取地图下载器。
vue 天地图离线地图
06-26
### 回答1： Vue 天地图离线地图是指基于 Vue 框架开发的应用程序，使用天地图离线地图服务提供商提供的地图数据，可以在没有网络的情况下使用地图功能。这种离线地图服务可以有效地解决在人口稀少、网络信号差的区域使用地图功能时出现的卡顿、加载缓慢等问题。 天地图是中国的一个在线地图服务提供商，提供全国范围内的地图数据和各种地理信息服务。而对于一些偏远地区，网络信号不稳定，或者用户需要在离线状态下仍然能够使用地图功能，天地图离线地图则提供了一种解决方案。用户可以用离线地图软件把地图数据事先下载到本地存储，在没有网络的时候直接使用本地存储的数据进行地图显示和导航。 Vue 框架是一种流行的前端 JavaScript 框架，它具有灵活、轻量、高效等特点，可以快速开发出高品质的 Web 应用程序。对于使用离线地图服务的应用程序，Vue 框架可以提供方便、快捷的开发方式，同时还具备优异的性能和稳定性。 因此，Vue 天地图离线地图的出现，能够为用户提供更加完善、便利、稳定的地图服务，满足不同用户在不同情境下对地图功能的需求。 ### 回答2： Vue 天地图离线地图是一种拥有高质量地图数据的 Vue 插件，可以帮助开发者快速引入天地图离线地图服务到自己的 Vue 项目中。天地图离线数据具有高分辨率、高精度和高更新速度等特点，通过该插件，用户可以轻松地向自己的 Vue 项目中添加这些优质的地图数据资源。 该插件使用简单，只需要在项目中安装并引入插件即可。同时，该插件也提供了多种自定义选项，如地图类型、地图控件、地图缩放等等，可以根据用户需求进行灵活配置。 使用 Vue 天地图离线地图插件还可以支持多种交互方式，包括鼠标滚轮缩放、平移、双击放大、框选、倾斜等等。此外，插件还提供了一些地图操作API，可以通过编程方式控制地图的行为。 总之，Vue 天地图离线地图插件是一个功能强大的地图库，充分满足了 Vue 项目中地图服务的需求，而且易于使用和配置，对于需要使用天地图离线地图的开发团队来说，是一个值得信赖的解决方案。 ### 回答3： Vue是一种流行的JavaScript框架，它可以用来构建现代化的Web应用程序。而天地图则是中国领先的在线地图服务提供商之一。最近，天地图发布了一个新的功能，即可供Vue用户使用的离线地图。 离线地图可以在没有互联网连接的情况下使用。这对于那些工作或旅行时没有信号的区域非常有用。Vue用户可以使用天地图的离线地图插件来加载和显示地图，提供地图的基本功能，如缩放，平移和搜索。 离线地图数据可以通过下载方式进行提供。此外，Vue的天地图插件还支持矢量和栅格地图以及地理信息系统（GIS）数据的显示。它还提供了许多其他的自定义选项，以便开发人员可以调整地图的外观和行为来满足他们的具体需求。 总的来说，Vue的天地图离线地图功能可以使开发人员更容易地构建适用于离线环境的Web应用程序，并且可以提供更好的用户体验。如果您需要一个灵活的、易于使用的离线地图插件，则应考虑使用Vue的天地图插件。
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值