vue引入百度离线地图

vue中引入百度离线地图

前几天在vue中引入了在线百度地图，并根据demo测试，写了几种方法《vue中引入在线百度地图》，今天就介绍如何在vue中引入百度离线地图。

1、首先要准备下载百度离线地图所需的文件，文件地址：vue中引入百度离线地图所需文件
里面缺少了bmap_offline_api_v3.0_min.js，自己可以百度查询下载或者留言发邮箱

在这里就不介绍百度离线地图下载方式了，自己百度查询

2、其次将所需要的文件引入到index.html

 	<script type="text/javascript" src="static/map_load.js"></script>
    <script type="text/javascript" src="static/bmap_offline_api_v3.0_min.js"></script>
    <script type="text/javascript" src="static/map_plus.js"></script>
    <script type="text/javascript" src="static/map_city.js"></script>

上述目录tiles中，为百度离线地图解压包，也就是百度离线瓦片图（不建议将百度离线地图放入static文件下，主要是因为当文件过大时，在npm run dev的时候会出现内存溢出 ），所以建议用nginx代理：

server {
   
        listen       8866;
        server_name  localhost;
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
        location /