离线地图解决方案（一）：加载瓦片地图

最新推荐文章于 2025-05-22 14:50:09 发布

转载

最新推荐文章于 2025-05-22 14:50:09 发布 · 2.5k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cdguiyiGIS/p/6713633.html

文章标签：

#php #前端 #数据库 #ViewUI

本文介绍了如何在局域网内脱离互联网访问在线地图，主要探讨了下载主流地图厂商的瓦片数据，并以高德地图为例，展示了加载离线瓦片数据的方法，前端使用openlayers进行地图加载的二次封装。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当前主流的在线地图有百度、高德、天地图、腾讯地图、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