2020/5/14 V1.1 修复了index页面无法访问的bug

README.md

@@ -9,9 +9,9 @@
 
 #### 安装教程
 
-1.  Maven构建或者直接在项目中使用
+1. Maven构建或者直接在项目中使用
 2. 打Jar包后使用 java -jar 项目 （需要安装有Java环境）
-3. 启动后访问http://localhost:9090以打开项目
+3. 启动后直接打开static下的index.html页面进行访问
 
 #### 使用说明
 

src/main/java/com/comleader/ldmapdownload/config/WebMvcConfig.java

@@ -3,8 +3,10 @@ package com.comleader.ldmapdownload.config;
 import org.springframework.beans.factory.annotation.Value;
 import org.springframework.context.annotation.Configuration;
 import org.springframework.context.annotation.PropertySource;
+import org.springframework.core.Ordered;
 import org.springframework.web.servlet.config.annotation.CorsRegistry;
 import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
+import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
 import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
 
 /**
@@ -34,4 +36,12 @@ public class WebMvcConfig implements WebMvcConfigurer {
                 .allowedOrigins("*","null")
                 .allowedMethods("*");
     }
+
+    @Override
+    public void addViewControllers(ViewControllerRegistry registry) {
+        //默认地址（可以是页面或后台请求接口）
+        registry.addViewController("/").setViewName("forward:/index.html");
+        //设置过滤优先级最高
+        registry.setOrder(Ordered.HIGHEST_PRECEDENCE);
+    }
 }

src/main/resources/config/download-map.properties

-# 下载地图的保存路径
+# 下载地图瓦片的保存路径
 #file.basepath=/Users/echo/Desktop/em-map
 file.basepath=H:/em-map
-# 项目的发布地址
+# 项目发布的瓦片图片地址
 #file.mapImgPath=Users/echo/Desktop/em-map
 file.mapImgPath=H:/em-map
 
 # 下载地图的地址
-#天地图服务器t0-t8间选一个
-#map.baseurl=http://t0.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z}
-#谷歌地图服务器t0-t2间选一个
-#map.baseurl=http://mt2.google.cn/vt/lyrs=m&scale=1&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}
-#百度地图（加密过的）
-#map.baseurl=http://online3.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&&styles=pl&udt=20170712&scaler=1&p=1
-#osm地图
-#map.baseurl=http://c.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png
-#高德地图
 map.baseurl=http://webrd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1scale=1&style=8&x={x}&y={y}&z={z}
 #map.baseurl=http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}
-
 # 下载地图的类型 CUSTOM  ArcGIS,一般CUSTOM就可
-#type=ArcGIS
 map.type=CUSTOM
-
-# 下载地图的层级 7 - 18
-map.minLv=15
-map.maxLv=15
-
-# 线程数
+# 线程数 下载地图瓦片时的线程数
 map.threadNum=2000
-
-# 是否下载前8级
+# 是否下载前8级(如果开启默认打开时会直接自动下载前八级的,前八级因为瓦片数量不是很多,一般会选择下载全球的)
 map.Lv8.flag=false
-
-# 是否覆盖已有
-map.download.append=false
+# 是否覆盖已有(该属性也可以通过前端传入)
+map.download.append=false
\ No newline at end of file
-
-# 这个注释用来备注下下载地图的经纬度(注意: 不要写错了),
-# left: 113.629，34.750 right: 113.911，34.909
\ No newline at end of file

src/main/resources/config/mapurl.properties

-# 普通街道图
+# 高德普通街道图
 gaodeNormalUrl=http://webrd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}
 # 卫星图
 gaodeSatelliteUrl=http://webst04.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z} 
-# 普通街道图
+# 谷歌普通街道图
 googleNormalUrl=http://www.google.cn/maps/vt?lyrs=m@189&gl=cn&x={x}&y={y}&z={z}
 # 卫星图
 googleSatelliteUrl=http://www.google.cn/maps/vt?lyrs=s@189&gl=cn&x={x}&y={y}&z={z}

src/main/resources/static/index.html

@@ -6,11 +6,11 @@
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
     <title>CM MapDownLoader</title>
     <!-- jquery -->
-    <script src="thirdLib/jq/jquery-3.3.1.min.js"></script>
+    <script src="/thirdLib/jq/jquery-3.3.1.min.js"></script>
 
     <!-- BootStrap -->
-    <link rel="stylesheet" href="thirdLib/bootstrap-3.3.7/css/bootstrap.min.css"/>
-    <script src="thirdLib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
+    <link rel="stylesheet" href="/thirdLib/bootstrap-3.3.7/css/bootstrap.min.css"/>
+    <script src="/thirdLib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
     <!--阿里样式-->
     <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
     <style type="text/css">

src/main/resources/static/js/lmJs/initMap.js

@@ -36,7 +36,7 @@ L.initMap = function(mapDiv,data){
 		minZoom: 3,
 		colorize: function (pixel) {
 			// 科技紫主题
-			if (!data.mapStyle || data.mapStyte == 'default'){
+			if (!data.mapStyle || data.mapStyle == 'default'){
 
 			}
 			if (data.mapStyle == 'bluePurpled'){ // 蓝紫色主题

src/main/resources/static/page/index.html

-<!DOCTYPE html>
-<html>
-
-<head>
-    <meta charset="utf-8">
-    <title>Leaflet Map</title>
-        <script type="text/javascript" src="/static/js/lmJs/lmBase.js"></script>
-    <!--    <link rel="stylesheet" type="text/css" href="/cmjs/dist/leaflet.css">-->
-<!--    &lt;!&ndash; 聚合样式 &ndash;&gt;-->
-<!--    <link rel="stylesheet" href="/cmjs/css/screen.css"/>-->
-<!--    <link rel="stylesheet" href="/cmjs/css/MarkerCluster.css"/>-->
-<!--    <link rel="stylesheet" href="/cmjs/css/MarkerCluster.Default.css"/>-->
-<!--    &lt;!&ndash; 引入闪烁marker &ndash;&gt;-->
-<!--    <link rel="stylesheet" type="text/css" href="/cmjs/css/blinkmarker.css">-->
-
-<!--    <script type="text/javascript" src="/cmjs/dist/leaflet-src.js"></script>-->
-<!--    &lt;!&ndash; 设置地图主题颜色的js	&ndash;&gt;-->
-<!--    <script type="text/javascript"-->
-<!--            src="/cmjs/leaflet-tilelayer-colorizr-gh-pages/leaflet-tilelayer-colorizr.js"></script>-->
-
-<!--    <script type="text/javascript" src="/cmjs/jsLib/initMap.js"></script>-->
-
-<!--    &lt;!&ndash; 引入闪烁marker.js &ndash;&gt;-->
-<!--    <script type="text/javascript" src="/cmjs/jsLib/blinkmarker.js"></script>-->
-<!--    &lt;!&ndash; 引入画布js &ndash;&gt;-->
-<!--    <script type="text/javascript" src="/cmjs/jsLib/DrawTool.js"></script>-->
-<!--    &lt;!&ndash; 引入判断点是否在多边形内 &ndash;&gt;-->
-<!--    <script type="text/javascript" src="/cmjs/jsLib/GeoUtil.js"></script>-->
-<!--    <script type="text/javascript" src="/cmjs/jsLib/LineDistance.js"></script>-->
-
-<!--    &lt;!&ndash;点聚合js&ndash;&gt;-->
-<!--    <script src="/cmjs/jsLib/leaflet.markercluster-src.js"></script>-->
-<!--    <script src="/cmjs/jsLib/realworld.388.js"></script>-->
-
-<!--    &lt;!&ndash; 轨迹回放的自定义插件（依赖于leaflet。js） &ndash;&gt;-->
-<!--    <script type="text/javascript" src="/cmjs/jsLib/markerTrack.js"></script>-->
-<!--    <script type="text/javascript" src="/cmjs/jsLib/lm.geometryutil.js"></script>-->
-
-
-    <style type="text/css">
-        body {
-            padding: 0;
-            margin: 0;
-        }
-
-        html,
-        body,
-        #map {
-            height: 100%;
-            /* background-color: rgba(23, 27, 241, 0.1); */
-        }
-
-        /* .leaflet-zoom-animated img {
-            -webkit-filter: invert(50%) grayscale(0) saturate(0.5) brightness(1.6) opacity(1) hue-rotate(334deg) sepia(10%) !important;
-            -ms-filter: invert(1) grayscale(0) saturate(0.5) brightness(1.6) opacity(1) hue-rotate(334deg) sepia(10%) !important;
-            -moz-filter: invert(1) grayscale(0) saturate(0.5) brightness(1.6) opacity(1) hue-rotate(334deg) sepia(10%) !important;
-            filter: invert(1) grayscale(0) saturate(0.5) brightness(1.6) opacity(1) hue-rotate(334deg) sepia(1%) !important;
-        } */
-
-    </style>
-</head>
-
-<body>
-<!--  style="background-color: #191970;" -->
-<div id='map'></div>
-</body>
-<script type="text/javascript">
-
-    // 初始化离线地图,其中第一个参数是离线地图所在div,第二个参数是离线地图的一些配置信息
-    // var map = L.initMap('map',{
-    // 	center: [34.694, 113.587],// 中心点
-    // 	renderer: L.svg(),
-    // 	zoom: 6,  // 初始化放大级别
-    // 	zoomControl: false, // + -号放大缩小
-    // 	attributionControl: false, // 右下角leaflet.js图标
-    // 	maxZoom: 18,// 显示的最大层级(最高18)
-    // 	minZoom: 3 // 显示的小层级
-    // });
-    var map = L.initMap('map', {zoom: 10});
-
-    L.marker([34.694, 113.587], {title: "hahah", riseOnHover: true}).addTo(map)
-        .bindPopup('Hello world ~')
-        .openPopup();
-</script>
-
-</html>
\ No newline at end of file