在内网中,无法直接使用外网天地图资源。可以将天地图资源下载到内网服务器,内网发布天地图的地图引擎,实现内网使用天地图全部功能。
先看下断网测试效果:
1、地图资源下载:java下载天地图资源,可指定经纬度范围,需要用到天地图开发者秘钥。
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;
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、springboot开发的地图服务
public void getTiles(HttpServletResponse response,String LAYER, String TILECOL, String TILEROW, String TILEMATRIX) throws IOException {
ServletOutputStream out = null;
try {
BufferedImage image = ImageIO.read(Files.newInputStream(Paths.get(tilesPath + "/" + LAYER + "/" + TILEMATRIX + "/" + TILEROW + "/" + TILECOL + ".png")));
/*BufferedImage imageGary=imageConverter.doConvert(image);
if(null!=imageGary){
image=imageGary;
}*/
//BufferedImage image = ImageIO.read(Files.newInputStream(Paths.get("E://天地图/vec_c/10/143/845.png")));
response.setContentType("image/png");
response.setHeader("Cache-Control", "public");
out = response.getOutputStream();
ImageIO.write(image, "png", out);
} catch (Exception e) {
log.error("获取图片异常{}",e.getMessage());
response.setStatus(HttpServletResponse.SC_NOT_FOUND);
} finally {
if (out != null) {
out.flush();
out.close();
}
}
}
3、前端demo
<%@ page language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>天地图离线</title>
<script>
window.TMAP_URL="192.168.1.44:8081";
</script>
<!--script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=6170f12e153d5d93b300de05e5e9737d"></script-->
<script type="text/javascript" src="${ctx}/api4.0.js"></script>
<script type="text/javascript" src="${ctx}/d3.js"></script>
<script type="text/javascript" src="${ctx}/D3SvgOverlay.js"></script>
<script type="text/javascript" src="${ctx}/v4.0/openlibrary/CarTrack.js"></script>
<script type="text/javascript" src="${ctx}/v4.0/openlibrary/point.js"></script>
<script>
var map,zoom = 10;
var handler;
var _CarTrack;
function onLoad()
{
var tile = new T.TileLayer("${ctx}/DataServer?T=vec_w&x={x}&y={y}&l={z}");
//初始化地图对象 projection: 'EPSG:4326',datasourcesControl: true
map = new T.Map('mapDiv', { });
//map = new T.Map('mapDiv', {layers: [tile]});
//设置显示地图的中心点和级别
map.centerAndZoom(new T.LngLat(117.654173,39.032846), zoom);
map.enableScrollWheelZoom();
//添加比例尺控件
var scale = new T.Control.Scale();
map.addControl(scale);
//添加缩放平移控件
control = new T.Control.Zoom();
map.addControl(control);
//添加鹰眼控件
var miniMap = new T.Control.OverviewMap({isOpen: true,size: new T.Point(150, 150)});
map.addControl(miniMap);
//添加标绘控件
var military = new T.Control.militarySymbols({ position: T_ANCHOR_TOP_LEFT});
map.addControl(military);
//添加地图类型控件
var ctrl = new T.Control.MapType();
map.addControl(ctrl);
//map.setStyle('black');
disProvince();
handler = new T.PaintBrushTool(map, {
keepdrawing: true,
style: {
weight: 3
}
});
CarTrack();
}
function maker(){
var marker = new T.Marker(new T.LngLat(117.654173,39.032846));
map.addOverLay(marker);
}
//=====================区划========================
var countries = [];
var countriesOverlay = new T.D3Overlay(init,redraw);
function disProvince(){
//D3绘制行政区划图层JSON
d3.json("${ctx}/120116_full.json", function (data) {
countries = data.features;
map.addOverLay(countriesOverlay)
countriesOverlay.bringToBack();
});
}
function init(sel, transform) {
var upd = sel.selectAll('path.geojson').data(countries);
upd.enter()
.append('path')
.attr("class", "geojson")
.attr('stroke', '#05CEE5')
.attr('stroke-width', '2')
.attr('fill', function (d, i) {
return d3.hsl(getNum(i), 0.9, 0.5)
})
.attr('fill-opacity', '0.3')
}
function redraw(sel, transform) {
sel.selectAll('path.geojson').each(
function (d, i) {
d3.select(this).attr('d', transform.pathFromGeojson)
}
)
}
function getNum(d){
var x=parseInt(d);
return x*x+200/7*x+15;
}
//=====================区划=========================
//=====================车辆轨迹====================
function CarTrack(){
_CarTrack = new T.CarTrack(map, {
interval: 5,
speed: 50,
dynamicLine: true,
polylinestyle: {color: "#2C64A7", weight: 5, opacity: 0.9},
Datas: datas.features.map(function (obj, i) {
var coordinates = obj.geometry.coordinates;
var lnlat = new T.LngLat(coordinates[0], coordinates[1]);
return lnlat;
}
)
})
}
//=====================车辆轨迹=====================
</script>
</head>
<body onLoad="onLoad()" style="margin:0;padding:0;">
<div id="mapDiv" style="position:absolute;width:100%; height:100%"></div>
<div style="position:absolute;right:100px;top:10px;z-index: 9999;">
<input type="button" onClick="maker()" value="标注" />
<input type="button" onClick="handler.open();" value="开启画笔" />
<input type="button" onClick="handler.close();" value="关闭画笔" />
<input type="button" value="开始轨迹" onClick="_CarTrack.start();"/>
<input type="button" value="结束轨迹" onClick="_CarTrack.stop();"/>
</div>
</body>
</html>