Leaflet离线地图Demo

基于MySQL + Node.js + Leaflet的离线地图展示，支持百度、谷歌、高德、腾讯地图

1. 基本说明本项目实现了离线展示百度.谷歌.高德.腾讯地图.主要功能如下: 实现了地图瓦片图下载.存储.目前支持存储至MySQL Node.js服务调用MySQL中的瓦片图 Leaflet展示地图展示效果如下: 2. 地图瓦片下载工具及配置工具下载链接: http://pan.baidu.com/s/1qYoHj4K 密码: ehgh 工具使用方法: 数据库配置打开工具目录中的 MapDownloader.exe.config 文件.根据实际情况填写如图中的配置信息. 地图瓦片图下载

Web GIS 离线地图

Web GIS 离线地图 1,基于瓦片的离线地图下载博客园阿凡卢提供了离线地图的下载工具,下载地址:http://pan.baidu.com/s/1hqvQr7e 具体使用见参考资料2 阿凡卢提供的地图下载软件,对于导出的瓦片图片的目录是基于ArcGIS切片目录,我编写了将导出到Mysql数据库中的瓦片数据导出为{type}/{z}/{x}/{y}.png 格式.具体步骤如下: A 使用阿凡卢提供的地图下载软件将地图导出到Mysql数据库 B 使用我开发的软件把Mysql数据库中的

深入理解最强桌面地图控件GMAP.NET ---离线地图

enjoyeclipse 深入理解最强桌面地图控件GMAP.NET ---离线地图这章会介绍GMAP.NET的核心功能之一:离线地图.这个功能可以满足很多政府项目.保密项目.或者由于种种原因不能上网的项目的需求. 本章主要分成三个方面介绍:演示.生成离线地图.Demo代码. 一.演示地图显示地图缩放后还可以显示网络是断了的二.生成离线地图前面已经演示了Demo,这个部分说如何生成离线地图,也就是Data.gmdb.GMAP.NET提供了集中缓存方式,MySQL,SQLLite,MSS

基于gmap.net制作离线地图下载器

网上已有大量文章介绍gamp.net和离线下载相关的文章了.我就不在介绍gmap相关的文章了,这里着重介绍一下下载相关原理.其实gmap.net本身已自带下载工能,只是离线图片下载到sqlit中,现将其扩展一下,支持多种方式存储. 1.gmap源码下载http://greatmaps.codeplex.com/ 2.效果展示 3.实现原理当我们下载源码后最主要关心是GMap.NET.Core下的GMap.NET.MapProviders和GMap.NET.Projections.mapprov

在 Web 页面中使用离线地图

1. 所需工具&插件: 1. MapDownloader (提取码: spx6) 2. GISMysqlToLocalFile (提取码: vus6) 3. Leaflet 2. 操作: 1. 参考:java离线地图web GIS制作下载好所需地图瓦片,本文以百度地图/深圳为例 2. 使用 Leaflet 加载地图瓦片: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu

java离线地图web GIS制作

因为项目需求,要做一个web地图,之前做过高德的在线地图,它提供了一系列的API,并且由于是国产的,所以开发起来比较容易,现在由于项目是内网使用的,所以需要使用离线地图,由此便开始了: Web GIS离线解决方案: 在CS系统中可以基于GMap.Net来做,参考<百度谷歌离线地图解决方案> 下面介绍下Web系统如何使用GIS切片数据,开发web GIS系统. 首先开发web GIS 主要是采用一些前端框架,目前主流的gis前端框架是 openlayers 和 Leaflet 至于两者优劣,

基于vue实现百度离线地图

基于vue实现百度离线地图 1. 百度地图API文件获取有网络的情况下,需引入百度地图API文件.如下: <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"></script> 无网络的情况下,需要获取该API文件的离线版本打开百度地图示例DEMO1 界面,并打开调试模式(F12),选择 Network 点击代码区域右

GIS开发离线地图应用-初识gis

http://www.cnblogs.com/kevin-zlg/p/4611671.html 最新公司需要做一个基于gis地图的应用系统,由于之前公司项目中的电子地图模块都是我开发的,所以这个新系统也自然让我先去了解如何开发,可以说做个简单的调研. 和之前的项目中开发的电子地图模块不同,这次是开发gis地图,是要显示真实的地理位置,能有gps定位功能的.而之前开发过的电子地图功能,都只是基于svg的矢量可配置地图(之前采用batik开发过C/S版,用raphael开发过B/S版

入门Leaflet之小Demo

入门Leaflet之小Demo 写在前面 ---- WebGIS开发基础之Leaflet GIS基本概念:GIS.Map.Layer.Feature.Geometry.Symbol.Data(Point.Polyline.Polygon).Renderer.Scale.Project.Coordinates: GIS开发概述:架构模式.常用平台和SDK.二维三维使用Leaflet开发常用功能地图加载(底图类型.切换): 地图操作(缩放.平移.定位/书签.动画): 图层管理(加载.移除.调整顺

3D离线地图开发

3D离线地图介绍(3D离线采用矢量数据作为地图基础,可保持地图数据最新) 一.开发中引用3D离线地图(可独立部署通过内外IP+端口进行访问,也可拷贝js库文件到项目中通过绝对路径访问) 1).离线API JS库文件(如下图) 2).界面中引用本地js文件(如下图) 二.3D功能开发DEMO(开发模式可保持跟官方代码一致,以下是部分功能效果,2D离线中的效果均可在3D模式下实现) 1).3D展示(如下图) 2).3D菱形(如下图) 3).地球模式(如下图) 4).个性化地图(如下图) 5).区域重

百度3D离线地图开发，3D离线地图开发，百度地图离线开发

3D离线地图介绍(3D离线采用矢量数据作为地图基础,可保持地图数据最新) 一.开发中引用3D离线地图(可独立部署通过内外IP+端口进行访问,也可拷贝js库文件到项目中通过绝对路径访问) 1).离线API JS库文件(如下图) 2).界面中引用本地js文件(如下图) 二.3D功能开发DEMO(开发模式可保持跟官方代码一致,以下是部分功能效果,2D离线中的效果均可在3D模式下实现) 1).3D展示(如下图) 2).3D菱形(如下图) 3).地球模式(如下图) 4).个性化地图(如下图) 5).区域重

如何使用android百度地图离线地图

1.首先把离线地图放在android工程下的assets里面. 注意:建议离线地图下载通过百度地图APIDEMO去下载,因为到官网上下载的离线地图文件格式不一样,APIDEMO的格式是.dat,而官网上的格式是.dat_svc有可能加载不了地图. 2.把离线地图从assets下拷贝到sd卡下 public static void copy(Context context) {try {String filepath = Environment.getExternalStorageDirector

（四）WebGIS中通过行列号来换算出多种瓦片的URL 之离线地图

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/ 1.前言在前面我花了两个篇幅来讲解行列号的获取,也解释了为什么要获取行列号.在这一章,我将把常见的几种请求瓦片时的URL样式罗列出来,并且给出大致的解释. 我在这里将地图分为离线地图和在线地图.所谓离线地图,即保存在本地而没有发布的地图.在线地图即发布与网上,可以通过浏览器访问的地图. 2.ArcGIS切图——exploded类型在前面章节中我已经贴出了explod

ArcGIS for Android示例解析之离线地图-----LocalTiledLayer

转自:http://blog.csdn.net/wozaifeiyang0/article/details/7327423 LocalTiledLayer 看到这个标题是否是很激动,如题,该示例就是添加一个离线地图,这应该是很多开发人员期盼已久的功能了吧,正式版一处这个应该是一个很大的亮点,原来操作离线地图如此简单,下面来看一下代码: public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceSta

[转]ArcGIS移动客户端离线地图的几种解决方案

原文地址:http://blog.chinaunix.net/uid-10914615-id-3023158.html 移动GIS中,通常将数据分为两大类:basemap layer和operational layer.前者是指漫游或导航时起参考作用的图层,这些图层内容通常不会变化,只起到视觉辅助作用,称为底图图层:后者是指存储GIS数据的图层,比如可通过这些图层来提供属性/空间查询操作,或者对其内容进行编辑,然后与服务器端进行同步,称为业务图层. 目前ArcGIS移动产品有5种,基于Windo

WebGIS中通过行列号来换算出多种瓦片的URL 之离线地图（转载）

WebGIS中通过行列号来换算出多种瓦片的URL 之离线地图 1.前言在前面我花了两个篇幅来讲解行列号的获取,也解释了为什么要获取行列号.在这一章,我将把常见的几种请求瓦片时的URL样式罗列出来,并且给出大致的解释. 我在这里将地图分为离线地图和在线地图.所谓离线地图,即保存在本地而没有发布的地图.在线地图即发布与网上,可以通过浏览器访问的地图. 2.ArcGIS切图——exploded类型在前面章节中我已经贴出了exploded类型的切图图片,这里再次给出. 那么如何通过行列号来换算出此瓦

利用ArcGIS-Server瓦片制作离线地图包(*.tpk)_详细流程

1.写在前面本人是综合了好几个资料才最终制作成功,在这个过程中发现网上好多博客写的步骤不是很详细,因此就把自己的详细制作步骤全部分享出来,可以供需要的小伙伴参考. (1)本文档不讨论tpk文件的详细含义和适用范围,默认你已经有所了解,如果有不了解的可以先查看这个兄弟的博文[https://blog.csdn.net/zdw_wym/article/details/44225761] (2)本文档是使用已有的切片文件(ArcGIS-Server切片文件)来制作的,如果是这种情况,则可以适用本文档

ol3开发离线地图

注意:国内地图均经过加密,尤其是百度地图,经过了二次加密,通常情况下都会存在偏差.所以最好是利用地图下载器下载后面带有“无偏差”的地图,否则需要对经纬度进行转化. 1.需要的前端库文件有jquery.js.ol.js.ol.css.网上百度一番不难找,实在找不到的可以留言我发给你. 2.需要有地图的瓦片图.网上有各类工具:全能电子地图下载器,水经注地图下载器等等,可以免费将百度.谷歌.高德.腾讯等的地图制作成瓦片图后下载下来.同上,百度一番不难找,实在找不到可以留言. 3.首先在body中定义一

从底层谈WebGIS 原理设计与实现(四)：WebGIS中通过行列号来换算出多种瓦片的URL 之离线地图

从底层谈WebGIS 原理设计与实现(四):WebGIS中通过行列号来换算出多种瓦片的URL 之离线地图作者:naaoveGI… 文章来源:naaoveGIS 点击数:1759 更新时间:2014-9-13 摘要:从底层谈WebGIS 原理设计与实现(四):WebGIS中通过行列号来换算出多种瓦片的URL 之离线地图.我在这里将地图分为离线地图和在线地图.所谓离线地图,即保存在本地而没有发布的地图.在线地图即发布与网上,可以通过浏览器访问的地图. 1.前言在前面我花了两个篇

[转]MBTiles 离线地图演示 - 基于 Google Maps JavaScript API v3 + SQLite

MBTiles 是一种地图瓦片存储的数据规范,它使用SQLite数据库,可大大提高海量地图瓦片的读取速度,比通过瓦片文件方式的读取要快很多,适用于Android.IPhone等智能手机的离线地图存储.详情请参考:MBTiles移动存储简介. 在WEB地图介绍中我们看到,瓦片是参照了他们的z/x/y 形式坐标,在磁盘存储上,他们通常存储在以z.x为名字上的目录中,这样就有一个瓦片文件路径是0/0/0.png. 同样用谷歌或百度地图JS API很方便调用.但是有个缺点就是文件多了,占用磁

Leaflet离线地图Demo

热门专题