此demo为前端页面离线地图，不连外网，不用与后端交互，瓦片下载的全就显示的全；

代码示例下载： 

    链接：https://pan.baidu.com/s/1We86NFDNBCoD9JPz3z_iyw 提取码：lhrn   里面有使用讲解视频

    或者

    https://download.csdn.net/download/bird73/10323603

 

demo中请点击indexGaoDeMy.html 启动离线地图

    --  地图的瓦盘请使用java代码自动下载，下载需要分层级，每个层级有自己的坐标

    --  下载后的瓦片放入examples/img中

    --  地图显示使用leaflet框架显示 https://leafletjs.com/ ， 我只是下载了瓦片，同时将地图路径改为本地的瓦片位置



 

 

x-y-z三个概念



 

 

------------------------------------------------------

工具代码： 

HttpURLConnectionUtil.java 用于链接某网址，下载地图瓦片


package com.dragon.java.downloadpic;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;

public class HttpURLConnectionUtil {
        // 通过get请求得到读取器响应数据的数据流
    public static InputStream getInputStreamByGet(String url) {
        try {
            HttpURLConnection conn = (HttpURLConnection) new URL(url)
                    .openConnection();
            conn.setReadTimeout(5000);
            conn.setConnectTimeout(5000);
            conn.setRequestMethod("GET");

            if (conn.getResponseCode() == HttpURLConnection.HTTP_OK) {
                InputStream inputStream = conn.getInputStream();
                return inputStream;
            }

        } catch (IOException e) {
            e.printStackTrace();
        }
        return null;
    }

        // 将服务器响应的数据流存到本地文件
    public static void saveData(InputStream is, File file) {
        try (BufferedInputStream bis = new BufferedInputStream(is);
                BufferedOutputStream bos = new BufferedOutputStream(
                        new FileOutputStream(file));) {
            byte[] buffer = new byte[1024];
            int len = -1;
            while ((len = bis.read(buffer)) != -1) {
                bos.write(buffer, 0, len);
                bos.flush();
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

 

Test4.java   此类用于下载x-y-x 三个轴中的所有图片

      main方法中用于拼接路径，区间范围通过zz-xx-yy这三个数组控制， 而这里面的值是打开地图网页，通过F12查询出来的坐标；

      这里就是为了拼接一个路径，并且图片存储的名称也要符合leaflet识别的规则

      拼接路径如：http://webrd03.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x=406&y=197&z=9 

 

package com.dragon.java.downloadpic;

import java.io.File;
import java.io.InputStream;

/*
 * 1. 从下面的地址下载图片，并保存在文件中。
 *要求：封装相应的工具类*
 */
public class Test4 {

	static final String bast_path = "D:/url_img_gaode_yewan/";

	public static void main(String[] args) {

		int[] zz = { 4, 4 };
		int[] xx = { 0, 15 };
		int[] yy = { 0, 9 };

		Integer width = 256;
		Integer height = 256;

		for (int z = zz[0]; z <= zz[1]; z++) {// 层
			for (int x = xx[0]; x <= xx[1]; x++) {// 经度
				for (int y = yy[0]; y <= yy[1]; y++) { // 纬度上下
					createImg(z, x, y, width, height);
				}
			}
		}

		// createImg(5, 21, 11, width, height);

	}// http://webrd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x=406&y=197&z=9

	public static void createImg(Integer z, Integer x, Integer y, Integer width, Integer height) {
		// String img_url =
		// "http://webrd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}";
		String img_url = "http://webrd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1scale=1&style=8&x={x}&y={y}&z={z}";
		// String img_url =
		// "http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&amp;size=1&amp;scale=1&amp;style=8&amp;x={x}&amp;y={y}&amp;z={z}";

		File dir = new File(bast_path + z + File.separator + x + File.separator);
		if (!dir.exists()) {
			dir.mkdirs();
		}

		File file = new File(bast_path + z + File.separator + x + File.separator + y + ".png");

		String myurl = img_url.replaceAll("\\{x\\}", String.valueOf(x)).replaceAll("\\{y\\}", String.valueOf(y))
				.replaceAll("\\{z\\}", String.valueOf(z));

		System.out.println(myurl);
		InputStream inputStream = HttpURLConnectionUtil.getInputStreamByGet(myurl);
		HttpURLConnectionUtil.saveData(inputStream, file);

	}
}

 

 

 

 

百度谷歌离线地图解决方案（离线地图下载）
参考文章：
 
（1）百度谷歌离线地图解决方案（离线地图下载）
 
（2）https://www.cnblogs.com/luxiaoxun/p/4454880.html
 
备忘一下。

Oruxmaps作为一款非常强大的户外gps导航软件，可以实现离线地图导航，在没有手机信号、飞行模式下都可以正常导航；同时功能强大，可以自定义离线地图，支持记录/跟踪轨迹、导入/导出航迹、根据航迹导航等等…
 
然而作为一个驴友在尝试网上很多Oruxmaps离线地图制作教程之后，可能已经发现之前那些教程不适用了，因为部分国外网站、地图源在国内已经无法访问了……所以这里介绍一个全新的方法，一键离线地图发布成Oruxmaps需要的格式.


方法步骤：

1、启动bigemap地图下载器，拖动地图找到自己要去的地方，然后放大地图到合适大小

 
2、鼠标箭头移动到左边“矢量标绘”工具栏上，打开工具栏之后可以选择点、线、多边形等各种标绘方式

 
3、我们可以选择“标会点”，将我们徒步需要经过的重要地点在地图上标注出来
 
4、同时也可以选择“标绘线”，将徒步的路线在地图上标注出来作为航迹，在Oruxmaps中根据航迹导航，避免走弯路

 
5、标注完成之后，选择顶部菜单的“矩形框”工具，将地图区域框选出来，双击鼠标左键就可以下载这块地图

 
6、在弹出的下载对话框中勾选“叠加标注图层”，然后在“存储选项”中点击下拉三角，在菜单中选择“瓦片库：OruxMaps”以将地图保存成Oruxmaps支持的格式，图片格式使用默认

 
7、勾选地图级别，地图级别越高越清晰，勾选多个等级才可以实现地图高清的放大缩小，最后点击确定即开始下载

 
8、下载完成后在保存路径中找到刚刚下载的文件，将文件夹重命名为你习惯的名称，再拷贝该文件夹到手机内存中，使用RE（文件）管理器将整个文件夹，移动到“sdcard/oruxmaps/mapfiles”下


 
9、打开Oruxmaps，点击顶部菜单最右边的地图图标，然后选择“切换地图”-“OFFLINE”，再选择“牛背山-卫图”即可打开刚才制作的离线地图……



 
如驴友需要下载某个地方的地图，可以关注bigemap地图下载器微信公众号之后，点击菜单“我要咨询”联系客服免费下载地图（使用微信扫描二维码即可关注）