离线地图解决方案:加载瓦片地图
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了离线地图解决方案:加载瓦片地图相关的知识,希望对你有一定的参考价值。
当前主流的在线地图有百度、高德、天地图、腾讯地图、google地图等。针对局域网内网内脱离要脱离互联网访问的应用,需要下载这些主流厂商的瓦片数据。网上有很多地图下载器软件可以下载地图瓦片,可以通过各种方式获取到这些地图厂商的瓦片数据。
加载高德离线瓦片数据:
加载高德街道瓦片:
地图加载代码:
<!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="initial-scale=1.0, user-scalable=no" /> <title>加载高德影像</title> <link rel="stylesheet" href="plugin/ol3/css/ol.css" type="text/css" /> <style> html, body, #div_gis { width: 100%; height: 100%; overflow: hidden; margin: 0; font-family: "微软雅黑"; } </style> <script type="text/javascript" src="plugin/ol3/build/ol-debug.js"></script> <script type="text/javascript" src="js/Config.js"></script> <script type="text/javascript" src="js/PrivateFunction.js"></script> </head> <body> <div id="div_gis"> </div> </body> </html> <script type="text/javascript"> LoadGaodeTileMap(1, ‘div_gis‘, 1, 11, 8, 103.964571, 30.245677); </script>
加载其他地图瓦片的代码类似,在此不再重复
前端采用openlayers,对地图加载进行了二次封装,如有需要请联系qq:8313632
本文出自 “开源GIS离线地图” 博客,请务必保留此出处http://cdguiyi.blog.51cto.com/4275617/1916221
以上是关于离线地图解决方案:加载瓦片地图的主要内容,如果未能解决你的问题,请参考以下文章