1.首先获取百度 JavaScript API
首先用浏览器打开 http://api.map.baidu.com/api?v=1.3 如下图所示
其中 http://api.map.baidu.com/getscript?v=1.3&key=&services=&t=20121108061854 这个链接就是我们要找的API文件,
同样在浏览器中打开它,并另存为诸如“apiv1.3.min.js”
还有百度地图必须的一些控件,光标,logo之类的图片也下载下来
2.修改“apiv1.3.min.js”把里面的地图控件的图片,光标,logo等链接替换成本地的。
3.下载百度地图瓦片,这个有很多方法可以获取。比如这个工具:MaptileDownloader
4.开始使用离线地图api加载本地的地图切片
现在,完全可以脱离网络使用百度地图了。示例源码如下:
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>百度离线地图演示</title> 7 <script type="text/javascript" src="js/apiv1.3.min.js"></script> 8 <script type="text/javascript" src="js/map,oppc,navictrl,tile,copyrightctrl"></script> 9 <!--script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script--> 10 <link rel="stylesheet" type="text/css" href="bmap.css" /> 11 </head> 12 13 <body> 14 <div style="left:0;top:0;100%;height:100%;position:absolute;" id="container"></div> 15 </body> 16 17 </html> 18 <script type="text/javascript"> 19 var tileLayer = new BMap.TileLayer({ 20 isTransparentPng: true 21 }); 22 tileLayer.getTilesUrl = function (tileCoord, zoom) { 23 var x = tileCoord.x; 24 var y = tileCoord.y; 25 return 'maptile/' + zoom + '/' + x + '/' + y + '.png'; 26 } 27 28 var map = new BMap.Map('container'); 29 map.addTileLayer(tileLayer); 30 map.addControl(new BMap.NavigationControl()); 31 map.centerAndZoom(new BMap.Point(100.675, 39.007978), 5); 32 map.enableScrollWheelZoom(); //启用滚轮放大缩小 33 map.enableKeyboard(); //启用键盘操作,默认禁用。键盘的上、下、左、右键可连续移动地图。 34 map.enableContinuousZoom();//启用连续缩放效果 35 36 var copyCtrl = new BMap.CopyrightControl({ 37 anchor: BMAP_ANCHOR_BOTTOM_RIGHT 38 }); 39 copyCtrl.addCopyright({ 40 id: 1, 41 content: "http://maptiledownloader.googlecode.com 百度离线地图演示" 42 }); 43 map.addControl(copyCtrl); 44 </script>
作者:
i-gps
出处:
http://www.cnblogs.com/i-gps/
欢迎探讨交流Google Maps相关技术,QQ:64445322 QQ群:242284018
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
FTP学习笔记
万维网
TCP笔记
TCP流量控制
笔记传输层
传输层协议
网络层
以太网笔记
计算机网络物理层
- 最新文章
-
matlab中处理查询cell数据的命令
ubuntu18.04安装打印机 下载run文件
bootstrapping中标准差计算
Ubuntu18.04 安装微信的最终流程
关于matlab的PCA入门笔记
省份简写
shell书写换行 便于阅读 转载
Matlab 画图标题 坐标轴设置 转载https://blog.csdn.net/ivandark/article/details/8448613
Ubuntu 播放在线视频显示“没有找到支持的视频格式和 MIME 类型”的解决方案 转载
Matlab 实时脚本无法使用
- 热门文章
-
【深度学习】 读书笔记 壹 深度学习概述
Happy Number 分类: Leetcode(查找) 2015-07-17 10:00 2人阅读 评论(0) 收藏
不要被阶乘吓到 分类: 编程之美 2015-04-26 13:52 24人阅读 评论(0) 收藏
求二进制数中1的个数 分类: 编程之美 2015-04-24 19:25 17人阅读 评论(0) 收藏
Surrounded Regions 分类: Leetcode(广度优先搜索) 2015-04-23 11:01 18人阅读 评论(0) 收藏
Word Ladder 分类: Leetcode(广度优先搜索) 2015-04-22 09:49 39人阅读 评论(0) 收藏
2015编程之美资格赛题目3 : 基站选址 分类: 算法 2015-04-21 15:15 148人阅读 评论(0) 收藏
2015编程之美资格赛题目2 : 回文字符序列 分类: 算法 2015-04-21 11:40 61人阅读 评论(0) 收藏
2015编程之美资格赛题目1 : 2月29日 分类: 算法 2015-04-21 11:28 27人阅读 评论(0) 收藏
Palindrome Partitioning II 分类: Leetcode(动态规划) 2015-04-14 11:01 22人阅读 评论(0) 收藏