百度离线使用百度地图离线JavaScript API加载本地瓦片地图 -java教程

最近笔者几篇文章介绍了改百度离线的文章. 关联文章的地址

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;width: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>

文章结束给大家分享下程序员的一些笑话语录：神灯新篇
一个程序员在海滩上发现了一盏神灯。他在灯上擦了几下，一个妖怪就从灯里跳出来说：“我是世界上法术最强的妖怪。我可以实现你的任何梦想，但现在，我只能满足你一个愿望。”程序员摊开了一幅中东地图说：“我想让中东得到永久的和平。”妖怪答道：“哦，我没办法。自打创世纪以来，那里的战火就没有停息过。这世上几乎没有我办不到的事，但这件事除外。”程序员于是说：“好吧，我是一个程序员，为许多用户编写过程序。你能让他们把需求表述得更清楚些，并且让我们的软件项目有那么一两次按进度按成本完成吗？”妖怪说：“唔，我们还是来看中东地图吧。”

百度离线使用百度地图离线JavaScript API加载本地瓦片地图 -java教程相关推荐

ArcGIS Javascript API 加载高德在线地图扩展
利用ArcGIS JavaScript API加载高德在线地图的扩展 /*** Created by WanderGIS on 2015/7/15.*/ define(["dojo/_bas ...
离线GoogleMapAPIV3加载本地谷歌地图并添加标注
利用离线GoogleMapAPIV3加载本地谷歌地图并添加标注一.准备工作下载GoogleMapAPIV3.rar. 二.下载地图首先通过水经注下载器把谷歌卫星地图下载下来. 三.地图引擎部署 ...
axtoolbarcontrol加载图层后还是灰的_OpenLayers教程九：多源数据加载之瓦片地图原理一...
一.瓦片地图简介瓦片地图(也叫切片地图)源于一种大地图解决方案,就是在多个比例尺下配置地图,然后提前把每个比例尺下的地图绘制为小块图片(瓦片),保存在服务器上用于缓存的目录中.这样客户端在访问地图时 ...
加载多瓦片地图_手把手教 | 网络时空大数据爬取与分析DAS系统（瓦片地图获取）...
地理计算语言,为大众赋能地理智慧. --DAS Team 爬取分析DAS系统下载地址:https://pan.baidu.com/s/1NkoyFhzMtm13ivlOOzukow 提取码:6ky8 ...
Cesium入门（五）：加载WMTS瓦片地图服务
本章介绍Cesium JS库的WebMapTileServiceImageryProvider类,并以GeoServer为例演示了在CesiumViewer控件中添加瓦片图层的方法. 主要包括以下内容 ...
如何在微信小程序中加载自己的地图数据
由于微信小程序无法进行DOM操作,导致像openlayers.leaflet这种常用的js库无法在微信小程序内使用,导致加载高德.百度.mapbox还有自定义的瓦片地图数据变得很困难. 目前,大多数情 ...
百度API加载离线百度电子地图和卫星切片
百度API加载离线百度电子地图和卫星切片,可动态切换如有侵权请联系删除本案例展示使用百度离线api加载百度离线切片效果图如下使用工具 1.下载百度切片,可使用太乐地图下载器,可购买正版软件,或 ...
如何采用离线的 Google Map API 加载离线谷歌地图的方法
原文转自:http://www.arceyes.com/bbs/thread-18476-1-1.html 如何采用离线的 Google Map API 加载离线谷歌地图的方法一.下载示例数据这里 ...
html加载百度地图,百度地图API详解之地图API加载方式
本文将向大家介绍百度地图API的两种不同加载方式:同步加载和异步加载. 同步加载这是最常见的加载方式,开发者需要在页面的head标签内添加一个script标签,标签的src属性填写为地图API的地址 ...

百度离线使用百度地图离线JavaScript API加载本地瓦片地图 -java教程

百度离线使用百度地图离线JavaScript API加载本地瓦片地图 -java教程相关推荐

最新文章

热门文章