java离线地图web
文章目录
- java离线地图web
java离线地图web
因为项目需求,要做一个web地图,之前做过高德的在线地图,它提供了一系列的API,并且由于是国产的,所以开发起来比较容易,现在由于项目是内网使用的,所以需要使用离线地图,由此便开始了:
Web GIS离线解决方案:
在CS系统中可以基于GMap.Net来做,参考《百度谷歌离线地图解决方案》
下面介绍下Web系统如何使用GIS切片数据,开发web GIS系统。
首先开发web GIS 主要是采用一些前端框架,目前主流的gis前端框架是 openlayers 和 Leaflet 至于两者优劣,读者可自行百度,我在项目中使用的是 Leaflet
打开地图下载器(工具在底部的github项目里,可自行下载)
找到 MapDownloader.exe.config 文件 进行修改
具体的就是修改我红框中的内容:该数据库地址,用户名密码等扽,改成自己的就行
修改保存,双击
然后做一些设置
首先选择mysql数据库,其次选择你要下载地图的地方,我这里选择的是北京,根据自己的需求进行选择,选择的位置过大,下载的时间就会很长
接下来选择地图,这一步操作十分重要我在这一步耽误了很长时间,一开始的时候没有选择地图,结果出现地图不显示的情况,后台换百度,谷歌都不行,换了高德就没问题了,个人可以依情况选择
就是这个菜单,选择需要下载的地图提供方,选择完毕之后,双击弹出提示框
这是让你选择下载的级别,通俗来说就是地图的精细程度,级别越大地图就能显示的越精准,需要注意的是,当级别超过15,地图的数据量会特别大,这里给出级别为15的地图的样子,个人可以根据情况来判定
级别选到15大概就是这个样子
等待下载完成之后,进入你的mysql 数据库 发现新建了一张数据表
接下来要做的就是把这张数据库表的数据,导出成瓦片地图(其实就是一张张有规律的256*256图片)
打开 GISMysqlToLocal.exe(后面会给出下载地址)
该填写的填写完整,然后点击导出就可以导出图片了,导出完成后,进入你导出的文件夹内 ,可以看到导出的内容是这样的
都是文件夹套文件夹的形式,然后会到导出的文件夹下,使用Ngix启动服务,也就是把这里图片都放到web服务器里面,你可以使用Nginx,也可以使用Apache,甚至于tomcat
当然你习惯哪个都行(生产环境推荐Nginx,测试环境推荐使用tomcat,因为可以省的配置Nginx),只要我之后可以通过浏览器去访问就可以(我这里使用了一个http-server的一个工具,不过需要先安装Node,具体看个人需求了),启动完成之后,测试使用浏览器访问 具体就是 “ip+端口+路径” 能访问到图片说明服务已经启动成功, 暂且先不用管他
接下来编写html页面
第一步引入js css
标箭头的是必须要引入的
接下来
#定义一个DIV作为地图的容器,一定要为它设置wdith,height
<div id="map"></div>
接下来写js
var map#这个地址就是你刚才启动服务器的地址 788865972 代表你导出图片的最上层文件夹,这个文件夹也是自动生成的var osmUrl = 'http://localhost/788865972/{z}/{x}/{y}.png';var osmAttrib = '<b style="color:#dddddd">高德地图</b>';var osm;$(function () {osm = L.tileLayer(osmUrl, {minZoom: 5,maxZoom: 15,attribution: osmAttrib});map = L.map('map').setView([39.908419, 116.397743], 10).addLayer(osm);
以上就是地图的初始化方法:
写完之后,保存双击html 就应该可以看到地图了
红框是我后加的内容,至此离线地图基本已经创建完成了,要想实现更多的功能,比如地图搜索,地图标记可以看我的源码,以及官网的API
特别需要提一点的是关于离线地图的搜索,是需要你内网的数据库里面有位置信息,然后把第三方的位置信息抓取过来,放到自己的数据库里进行搜索等等,并非leafletjs所自有的
不过Leaflet的功能还是非常丰富的
可以自行到官网查看:http://leafletjs.com/
关于搜索的扩展功能,我的后台源码里已经写了,首先自己需要创建一张数据库表,此表需要有你抓取坐标的经纬度,名称,位置信息等字段,坐标抓取方法,可自行百度,单需要记住一点,你用地图下载器下载的什么地图,抓取坐标信息
就抓取哪个地图的坐标信息,我测试的数据是在网上下载的,如果你需要最新的数据,那么需要自己去抓取。我后台使用springboot写的,建表sql,已经下载地图工具都包含在里面了,直接下载源码,打开地图下载器,下载地图,然后导出瓦片图片
再抓取一些坐标信息,就可以看到地图,并且实现搜索功能了
源码连接:https://github.com/chenwuwen/OffineMap
原文地址: https://www.cnblogs.com/kanyun/p/8571711.html
java离线地图web相关推荐
- java gis离线地图_java离线地图web GIS制作
因为项目需求,要做一个web地图,之前做过高德的在线地图,它提供了一系列的API,并且由于是国产的,所以开发起来比较容易,现在由于项目是内网使用的,所以需要使用离线地图,由此便开始了: Web GIS ...
- php 离线 gis,在 Web 页面中使用离线地图
1. 所需工具&插件: 1. MapDownloader (提取码: spx6) 2. 操作: 1. 参考:java离线地图web GIS制作 下载好所需地图瓦片,本文以百度地图/深圳为例 2 ...
- 搭建基于瓦片的离线地图应用
文章目录 1.瓦片名称 2.地图精度的等级 3.坐标计算 4.根据经纬度获取瓦片编号 5.获取指定地图范围的全部瓦片 6.离线地图应用 1.瓦片名称 瓦片的命名约定 瓦片是一个个精度为 256x256 ...
- web百度离线地图开发(详细教程)2019
web百度离线地图开发(详细教程) 需求情景 主要参考 开发步骤 一.JS API文件下载 二.修改API文件 1.屏蔽ak验证 2.设置引用本地资源路径 3.下载本地资源 4.引用本地资源 三.加载 ...
- Vue-cli3实现web百度离线地图(v3.0)开发
需求 实现基于Vue-cli3的web百度离线地图(v3.0)开发 Vue-cli3,目录如下,注意:需要把地图相关的文件放在public下,vue-cli2需要放在static下!!! 参考 主要参 ...
- web离线地图开发(开发工具+接口文档+示例代码)
相关教程: 1.如何搭建离线地图开发环境 视频教程 2.下载离线地图数据(金字塔瓦片数据) 视频教程 ...
- web高德地图怎么加载离线地图_怎么验证全国离线卫星地图缓存文件的完整性
1. 概述 自从我们发布了<如何离线浏览全国7137GB海量谷歌卫星离线影像>一文后,很多用户都在问下载海量数据的具体方法,为了解决大家的困惑,于是又分别发布了<如何一次性下载全国谷 ...
- 【web百度离线地图开发】原生实现百度地图离线版速览
需求如下,在基于在线地图的基础上展现离线地图 //在线用以下插件展示"vue-baidu-map": "^0.21.22", vue中展示离线地图 第一步:把配 ...
- java aoi 服务器地图_GitHub - WanZixin/getShp: 利用高德地图web服务API获取坐标串,生成行政区和aoi的shp文件...
爬取数据生成shp文件 1.功能简介 共有两大功能,一个功能是根据高德地图web服务API获取行政区划坐标串,写入行政区shp文件:另一个功能是根据高德地图的接口获取poi坐标串,写入aoi(area ...
- Echarts离线地图开发--实现web端 初始化世界地图,其他国家钻取到行政区,中国钻取到省市区的展示
背景:公司原本使用高德在线地图,但是由于有的客户是使用内网的,造成地图打开是空白的.于是,增加了离线地图功能,通过页签切换地图,默认展示在线地图,点击离线页签时,展示的是echarts离线地图. 重要 ...
最新文章
- javascript 数组json按键排序
- SQL Server 2012中的ColumnStore Index尝试
- 【JFreeChart】JFreeChart—输出时序图
- 【大数据课堂0006】【oracle】python3/plsql 使用cx_Oracle遇到到的坑
- 【CIKM2020】如何更为合适地评测推荐算法? Top-N物品推荐算法评测设置回顾
- cesium实现自定义地球球体背景效果
- 游戏开发项目管理那些事
- 联想服务器ts系列介绍,联想服务器ThinkServerTS230.ppt
- excel文件修复工具_DBF Doctor下载_DBF文件修复软件官方版下载[管理工具]
- 小马哥------山寨苹果6s(A9900-912G61-B 尾插盖板A953标示刷机拆机准图与开机识别图 低配机
- 安装mysql8报错及解决方案
- win定时关机_windows如何设置定时关机?
- 步步深入:MySQL 架构总览->查询执行流程->SQL 解析顺序(转)
- 计算机绘画社团活动教案,电脑绘画社团课教师教案.doc
- 麦克劳林级数与麦克劳林公式(泰勒公式)
- Can‘t read file : End of file found 文件:txn_current、current svn无法正常读取文件
- 广东省教育局 计算机,广东省教育厅关于公布第十七届广东省中小学电脑制作活动获奖结果的通知...
- 网络管理维护(SNMP、RMON)期末考试大纲总结
- CentOS7.2时间不正确
- HTML5-原声拖放