网站前缀带wap的怎么做,wordpress 主机伪静态404.php seo,深圳开发网站建设,制作网页的心得目录 前言
一、全国风景区信息介绍
1、全国范围内数据分布
2、全国风景区分布
3、PostGIS空间关联查询
二、后台查询的设计与实现
1、Model和Mapper层
2、业务层和控制层设计
三、WebGIS可视化
1、省份范围可视化
2、省级风景区可视化展示
3、成果展示
总结 前…
目录 前言
一、全国风景区信息介绍
1、全国范围内数据分布
2、全国风景区分布
3、PostGIS空间关联查询
二、后台查询的设计与实现
1、Model和Mapper层
2、业务层和控制层设计
三、WebGIS可视化
1、省份范围可视化
2、省级风景区可视化展示
3、成果展示
总结 前言 旅行是心灵的洗涤让每一步都充满感悟和思考。在旅途中我学会了更加珍惜眼前的风景和时光。每一次旅行都是一次重新认识自己的机会让我更加明白自己想要的是什么。旅途中的风景和经历成为了我人生中最宝贵的财富。旅行让我感受到了世界的广阔和无限可能让我更加勇敢地追求自己的梦想。在旅途中我学会了用心去感受每一个细节去品味生活的美好。旅行是一种生活方式让我不断地探索和发现不断地成长和进步。每一次旅行都是一次心灵的洗礼让我更加清晰地认识自己和世界。旅途中的风景和经历成为了我人生中最珍贵的记忆陪伴着我走过每一个春夏秋冬。旅行是一种自由和释放让我在行走中找到自己的方向和目标。 不知道您是否还记得自己上一次旅行是在什么时候是跟身边的谁一起去参加的旅行在旅行中最令人难忘的风景是什么除了风景还有什么让你印象深刻。身体和灵魂总要有一个在路上。既然选择了在路上那么我们就要去风景优美的地方看看去美丽的景区游览让身心得到放松放松之后积蓄能量为以后的生活持续奋斗。 各省风景区 不管是作为爱旅游的你还是热爱文旅分析。使用WebGIS我们来进行一场时空之旅在地图上实现我们的地图旅行。本文以全国的旅游资源为例分省份进行展示将不同省份的风景区信息进行地图标注。我们也可以看一下全国范围内风景区的时空分布。 本文即是在此背景下创作的文章首先对数据库中的风景区数据进行简单介绍然后介绍如何使SpringBoot进行风景区查询功能的设计与实现接着介绍前端基于Leaflet进行可视化设计最后使用实际应用介绍和分析不同省份的风景区旅游资源。热爱旅游的你一定不要错过欣赏风景让我们一起去看看吧。
一、全国风景区信息介绍 本节将对涉及的主要数据即全国风景区信息进行简单介绍其实在之前的一篇博客中曾经对全国的风景区数据进行了详细的介绍使用Java和PostGis的全国A级风景区数据入库实战。在这篇博客中对全国A级风景区进行了入库的实践。
1、全国范围内数据分布 在之前的博客中我们已经实现了数据的入库为了避免让读者引起唐突的感觉这里首先将数据表结构再次进行介绍让读者熟悉和掌握对空间表的设计与实现。 对应的表结构脚本如下
CREATE TABLE public.biz_scenic_spot (id int8 NOT NULL,name varchar(255) COLLATE pg_catalog.default,level varchar(4) COLLATE pg_catalog.default,province varchar(255) COLLATE pg_catalog.default,city varchar(255) COLLATE pg_catalog.default,area varchar(255) COLLATE pg_catalog.default,address varchar(255) COLLATE pg_catalog.default,evaluation_time varchar(255) COLLATE pg_catalog.default,publish_time varchar(255) COLLATE pg_catalog.default,lng_gcj02 varchar(30) COLLATE pg_catalog.default,lat_gcj02 varchar(30) COLLATE pg_catalog.default,lng_bd09 varchar(30) COLLATE pg_catalog.default,lat_bd09 varchar(30) COLLATE pg_catalog.default,lng_wgs84 varchar(30) COLLATE pg_catalog.default,lat_wgs84 varchar(30) COLLATE pg_catalog.default,geom public.geometry,publish_link varchar(255) COLLATE pg_catalog.default,CONSTRAINT pk_biz_scenic_spot PRIMARY KEY (id)
);CREATE INDEX idx_biz_scenic_spot_geom ON public.biz_scenic_spot USING gist (geom public.gist_geometry_ops_2d
);COMMENT ON COLUMN public.biz_scenic_spot.id IS 主键;COMMENT ON COLUMN public.biz_scenic_spot.name IS 景区名称;COMMENT ON COLUMN public.biz_scenic_spot.level IS 景区级别;COMMENT ON COLUMN public.biz_scenic_spot.province IS 所属省份;COMMENT ON COLUMN public.biz_scenic_spot.city IS 所属城市;COMMENT ON COLUMN public.biz_scenic_spot.area IS 所属区县;COMMENT ON COLUMN public.biz_scenic_spot.address IS 地址;COMMENT ON COLUMN public.biz_scenic_spot.evaluation_time IS 评定时间;COMMENT ON COLUMN public.biz_scenic_spot.publish_time IS 发布时间;COMMENT ON COLUMN public.biz_scenic_spot.lng_gcj02 IS lng_GCJ02;COMMENT ON COLUMN public.biz_scenic_spot.lat_gcj02 IS lat_GCJ02;COMMENT ON COLUMN public.biz_scenic_spot.lng_bd09 IS lng_BD09;COMMENT ON COLUMN public.biz_scenic_spot.lat_bd09 IS lat_BD09;COMMENT ON COLUMN public.biz_scenic_spot.lng_wgs84 IS lng_WGS84;COMMENT ON COLUMN public.biz_scenic_spot.lat_wgs84 IS lat_WGS84;COMMENT ON COLUMN public.biz_scenic_spot.publish_link IS 发布链接;COMMENT ON TABLE public.biz_scenic_spot IS 全国风景区信息表; 数据库库一共有风景区14847条在数据库中执行以下sql可以实现按照风景区级别进行分组统计sql语句如下
select count(level),level from biz_scenic_spot group by level; 按照景区级别分类如下其中有3条没有具体的级别应该是数据的问题
序号景区级别数量15A33624A448633A786642A20665A93
2、全国风景区分布 首先从数据库层面我们先来看一下全国的风景区分布是一个什么样的情况这里使用表格的方式进行汇总。在上述的风景区表中执行以下语句可以得到按省份分组的景区分布注意这里的分组没有使用关联外部的省份信息表而是直接利用风景区表内的省份字段在我们的系统中我们有省份的空间信息表在本文的空间分析中我们使用省级行政区表。
select count(1) num,province from biz_scenic_spot group by province order by num desc; 执行后可以在数据库中看到以下数据
序号城市名称景区数量1浙江13222山东12053四川8954广西6625安徽6056江苏6007广东5978河南5809湖北57610新疆57411贵州57012云南56113辽宁55814湖南55016陕西52717河北49018福建46319甘肃44220内蒙古42821江西42122黑龙江40923吉林27524重庆27225山西26826北京21627青海16328西藏14829宁夏14730上海13931天津10032海南84 从上表中可以很直观的看出浙江省、山东省、四川省的旅游资源相当丰富居全国前三甲。而海南省、天津市、上海市位于后三甲。这里仅对数据进行表格可视化为了让数据具有空间分布我们将使用WebGIS的方式进行展示让地图具有空间分布的特性。
3、PostGIS空间关联查询 为了让景区信息更加具有空间分布的特性我们采用和biz_province即省级行政区划信息表进行关联查询出指定省份对应的风景信息这里使用st_contains(geom,geom)这个函数来进行对比。sql查询示例如下所示以湖南省430000为例
SELECT T.*,st_asgeojson ( T.geom ) AS geomJson
FROMbiz_province P,biz_scenic_spot T
WHEREP.code 430000 AND st_contains ( P.geom, T.geom ); 二、后台查询的设计与实现 本节重点讲解后台服务的设计这里我们依然采用SpringBoot和Mybatis-Plus的组合空间数据库采用PostGIS数据。因此后台服务的设计采用MVC模式下面针对每一层进行详细的设计。
1、Model和Mapper层 model层包括实体类和相关视图层对象。Mapper即dao层数据访问层。通过Mapper来操作数据库基于MP进行实体数据库操作。
package com.yelang.project.extend.scenicspot.domain;
import java.io.Serializable;
import org.apache.ibatis.type.BlobByteObjectArrayTypeHandler;
import org.apache.ibatis.type.BlobInputStreamTypeHandler;
import org.apache.ibatis.type.BlobTypeHandler;
import org.apache.ibatis.type.ByteArrayTypeHandler;
import org.apache.ibatis.type.ByteObjectArrayTypeHandler;
import org.apache.ibatis.type.ByteTypeHandler;
import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import com.yelang.framework.handler.PgGeometryTypeHandler;
import lombok.AllArgsConstructor;
import lombok.Getter;
import lombok.NoArgsConstructor;
import lombok.Setter;
import lombok.ToString;/*** 全国风景区信息表
* author wzh
*
*/
TableName(value biz_scenic_spot, autoResultMap true)
NoArgsConstructor
AllArgsConstructor
Setter
Getter
ToString
public class ScenicSpot implements Serializable{private static final long serialVersionUID 1830004907219610805L;TableIdprivate Long id;private String name;//景区名称private String level;//景区级别private String province;//所属省份private String city;//所属城市private String area;//所属区县private String address;//地址TableField(valueevaluation_time)private String evaluationTime;//评定时间TableField(valuepublish_time)private String publishTime;//发布时间TableField(valuepublish_link)private String publishLink;//发布时间TableField(valuelng_GCJ02)private String lngGCJ02;TableField(valuelat_GCJ02)private String latGCJ02;TableField(valuelng_BD09)private String lngBD09;TableField(valuelat_BD09)private String latBD09;TableField(valuelng_WGS84)private String lngWGS84;TableField(valuelat_WGS84)private String latWGS84;TableField(typeHandler PgGeometryTypeHandler.class)private String geom;TableField(existfalse)private String geomJson;TableField(existfalse)private byte[] tile;public ScenicSpot(String name, String level, String province, String city, String area, String address,String evaluationTime, String publishTime, String publishLink,String lngGCJ02, String latGCJ02, String lngBD09, String latBD09,String lngWGS84, String latWGS84, String geom) {super();this.name name;this.level level;this.province province;this.city city;this.area area;this.address address;this.evaluationTime evaluationTime;this.publishTime publishTime;this.publishLink publishLink;this.lngGCJ02 lngGCJ02;this.latGCJ02 latGCJ02;this.lngBD09 lngBD09;this.latBD09 latBD09;this.lngWGS84 lngWGS84;this.latWGS84 latWGS84;this.geom geom;}
} mapper层主要提供查询省级范围内的风景区列表方法关键代码如下
package com.yelang.project.extend.scenicspot.mapper;
import java.util.List;
import org.apache.ibatis.annotations.Param;
import org.apache.ibatis.annotations.Result;
import org.apache.ibatis.annotations.Results;
import org.apache.ibatis.annotations.Select;
import org.apache.ibatis.type.JdbcType;
import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.yelang.project.extend.scenicspot.domain.ScenicSpot;
import com.yelang.project.extend.scenicspot.domain.TileBox;
public interface ScenicSpotMapper extends BaseMapperScenicSpot{static final String FIND_GEOJSON_SQLscript select st_asgeojson(geom) as geomJson from biz_scenic_spot where id #{id} if testnull ! nameand name like concat(%, #{name}, %)/if /script;Select(FIND_GEOJSON_SQL)ScenicSpot findGeoJsonById(Param(id)Long id,Param(name)String name);static final String FIND_LISTBY_PCODE script select t.*,st_asgeojson(t.geom) as geomJson from biz_province p,biz_scenic_spot t where p.code #{code} and st_contains(p.geom, t.geom) /script;/*** 根据省级行政区划code查询对应的风景名胜列表* param code 省份编码* return 对应的风景名胜区列表*/Select(FIND_LISTBY_PCODE)ListScenicSpot findListByPcode(Param(code)String code);
}2、业务层和控制层设计 业务层比较简单实现控制层到数据库访问层的调用。这里贴出关键代码
package com.yelang.project.extend.scenicspot.service.impl;Service
public class ScenicSpotServiceImpl extends ServiceImplScenicSpotMapper, ScenicSpot implements IScenicSpotService{Overridepublic ListScenicSpot findListByPcode(String code) {return this.baseMapper.findListByPcode(code);}
} package com.yelang.project.extend.scenicspot.controller;
import java.util.List;
import org.apache.shiro.authz.annotation.RequiresPermissions;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
Controller
RequestMapping(/sspot/province)
public class ScenicSpotProvinceController extends BaseController{
private String prefix scenicspot/province;Autowiredprivate IProvinceService provinceService;Autowiredprivate IScenicSpotService sspotService;RequiresPermissions(sspot:province:view)GetMapping()public String map(){return prefix /map;}RequiresPermissions(sspot:province:list)PostMapping(/list)ResponseBodypublic TableDataInfo list(Province province){startPage();ListProvince list provinceService.selectList(province);return getDataTable(list);}RequiresPermissions(sspot:province:geom)GetMapping(/geojson/{id})ResponseBodypublic AjaxResult getGeojson(PathVariable(id) Long id){Province province provinceService.findGeoJsonById(id, null);return AjaxResult.success().put(data, province.getGeomJson());}RequiresPermissions(sspot:province:sspotlist)GetMapping(/datalist/{code})ResponseBodypublic AjaxResult sspotList(PathVariable(code) String code){ListScenicSpot list sspotService.findListByPcode(code);AjaxResult ar AjaxResult.success();ar.put(data, list);return ar;}
}控制层提供四个主要的方法第一个是跳转到页面的方法第二个是获取省份列表第三个是获取省份geojson数据最后一个是获取省份下辖风景区列表。以上就是后台各层的代码设计与实现。通过这几个方法为前台提供服务。
三、WebGIS可视化 本节将重点讲解如何WebGIS当中采用leaflet框架实现对风景区信息的展示这里采用熟悉的Leaflet架构。使用基于Canvas的文本标记方法。关于地图的定义列表的展示非本文重点这里不再赘述。
1、省份范围可视化 在界面中首先会展示省份列表通过点击省份列表的操作按钮获取当前省份的code然后根据code获取对应的省级行政区划范围GeoJSON然后使用Leaflet将GeoJSON展示出来。关键代码如下
function showProvince(id){var myStyle {color:white,weight:5,opacity:1,fillOpacity: 0};$.ajax({ type:get, url:prefix /geojson/ id, data:{}, async: false,dataType:json, cache:false,processData:false,success:function(result){if(undefined ! provinceAreaLayer ){provinceAreaLayer.removeFrom(mymap);//先移除}if(result.code web_status.SUCCESS){var geojson JSON.parse(result.data);provinceAreaLayer L.geoJSON(geojson,{style:myStyle}).addTo(mymap);//同时设置中心位置和级别一般省份设置为7mymap.setView(provinceAreaLayer.getBounds().getCenter(),7);}},error:function(){$.modal.alertWarning(获取空间信息失败);}});} 2、省级风景区可视化展示 通过code关联省级行政区划表和风景区信息表进行两个图层的空间叠加分析实现省级区域的风景区划覆盖。前台的核心代码如下所示 function showScenicSpot(code){$.ajax({ type:get, url:prefix /datalist/ code, dataType:json, cache:false,processData:false,success:function(result){if(result.code web_status.SUCCESS){var strokeStyleSet #23168d;var lat,lng,cityInfo;for(var i0;iresult.data.length;i){var dataInfo result.data[i];var geomObj JSON.parse(dataInfo.geomJson);if(i 0){lat geomObj.coordinates[1];lng geomObj.coordinates[0];continue;}var radiusSize 5;switch(dataInfo.level) {case 5A: strokeStyleSet #c50808;radiusSize 7;break;case 4A: strokeStyleSet #c37322;radiusSize 5;break;case 3A:strokeStyleSet #6f8d16;radiusSize 3;break;case 2A:strokeStyleSet #168d40;radiusSize 1;break;default:strokeStyleSet #23168d;}var content strong名称:/strongdataInfo.name br/strong级别:/strong dataInfo.level;content br/strong所属行政区划:/strong dataInfo.province / dataInfo.city / dataInfo.area;content br/strong评定时间:/strong dataInfo.evaluationTime ;var latlng new L.latLng(geomObj.coordinates[1], geomObj.coordinates[0]);let marker L.circleMarker(latlng, {radius: radiusSize,color: strokeStyleSet,labelStyle: {offsetX: 0, //横坐标偏移(像素)offsetY: 30, //纵坐标偏移(像素)text: dataInfo.name,rotation: 0,zIndex: radiusSize,minZoom : 5,strokeStyle: strokeStyleSet}}).addTo(showLayerGroup);marker.bindPopup(content); }mymap.addLayer(showLayerGroup);}},error:function(){$.modal.alertWarning(获取信息失败);}});} 3、成果展示 通过以上的代码大致实现了风景区的WebGIS展示这里将选择几个省份将其旅游资源进行集中展示。也让大家了解项目实际的成果。快来看看你所在省份的风景区信息吧。如果没有的省份感兴趣的可以私聊可以私发可视化结果哦。 山西省风景区分布图 辽宁省风景区分布图 江苏省风景区分布图 安徽省风景区分布图 四川省风景区分布图 新疆维吾尔自治区风景区分布示意图
总结 以上就是本文的主要内容本文即是在此背景下创作的文章首先对数据库中的风景区数据进行简单介绍然后介绍如何使SpringBoot进行风景区查询功能的设计与实现接着介绍前端基于Leaflet进行可视化设计最后使用实际应用介绍和分析不同省份的风景区旅游资源。行文仓促定有不足之处还请朋友们不吝批评指正。
