百度离线地图-加载地图(一)

一、源码

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><style type="text/css">body, html{width:  100%;height: 100%;margin:0;font-family:"微软雅黑";}#allmap {width: 100%; height:900px; overflow: hidden;}</style><script type="text/javascript" src="./map_load.js"></script><title>初始化地图</title>
</head>
<body><div id="allmap" style="overflow:hidden;zoom:1;position:relative;"> <div id="map" style="height:100%;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;"></div></div><script type="text/javascript">loadMap();// 百度地图API功能function loadMap(){var map = new BMap.Map("map",{minZoom:10,maxZoom:11});//限制缩放级别var point = new BMap.Point(117.212403,39.095359);  // 创建点坐标121.450933,30.790778  map.centerAndZoom(point, 11);map.enableScrollWheelZoom();  };
</script>
</body>
</html>

二、bmap_offline_api_v3.0_min.js源码

bmap_offline_demo1.rar-互联网文档类资源-CSDN下载

百度网盘下载：https://pan.baidu.com/s/1g0odFslmo1bHC8DK5Amd_A 提取码: i9ku

三、map_load.js 源码

var bmapcfg = {'home'        :'.','imgext'      : '.png',   //瓦片图的后缀 ------ 根据需要修改，一般是 .png .jpg'tiles_dir'   : '',       //普通瓦片图的地址，为空默认在 offlinemap/tiles/ 目录'tiles_hybrid': '',       //卫星瓦片图的地址，为空默认在 offlinemap/tiles_hybrid/ 目录'tiles_self'  : ''        //自定义图层的地址，为空默认在 offlinemap/tiles_self/ 目录
};//下面的保持不动///
var scripts = document.getElementsByTagName("script");
var JS__FILE__ = scripts[scripts.length - 1].getAttribute("src");  //获得当前js文件路径
bmapcfg.home = JS__FILE__.substr(0, JS__FILE__.lastIndexOf("/")+1); //地图API主目录
(function(){window.BMap_loadScriptTime = (new Date).getTime();//加载地图API主文件document.write('<script type="text/javascript" src="'+bmapcfg.home+'bmap_offline_api_v3.0_min.js"></script>');//加载扩展函数document.write('<script type="text/javascript" src="'+bmapcfg.home+'map_plus.js"></script>');//加载城市坐标document.write('<script type="text/javascript" src="'+bmapcfg.home+'map_city.js"></script>');
})();
///

四、项目目录

五、效果

百度离线地图-加载地图(一)相关推荐

百度地图-省市县联动加载地图
2019独角兽企业重金招聘Python工程师标准>>> 在平常项目中,我们会遇到这样的业务场景: 客户希望把自己的门店绘制在百度地图上,通过省.市.区的选择,然后加载不同区域下的店铺 ...
离线GoogleMapAPIV3加载本地谷歌地图并添加标注
利用离线GoogleMapAPIV3加载本地谷歌地图并添加标注一.准备工作下载GoogleMapAPIV3.rar. 二.下载地图首先通过水经注下载器把谷歌卫星地图下载下来. 三.地图引擎部署 ...
Qt 加载百度地图加载google地图
今天开始研究地图了为以后的航线显示做准备首先想到的是调用google的地图,凭自己的感觉地图好像google比较牛一点 .但是在自己查资料的过程中遇到的一些事情让我选择了百度地图.话不多说正 ...
leaflets + heatmap 加载地图
为什么80%的码农都做不了架构师?>>> leaflets + heatmap 加载地图 leaflets 简单友好轻量级的互动地图,开源的 JavaScript 库官网:h ...
arcengine 加载地图不显示_用LSV下载城市地图、全省地图教程
在LSV里,可以下载各种的城市地图.也可以下载DEM数据.近日,有粉丝私信给我,如何下载令人满意的城市地图/全省地图. 首先,在LSV里下载地图. 以一个地级市为例,如何下载某个地级市的行政区划+道路 ...
STK加载地图与高清影像图
在STK软件中,其3D/2D窗口中地球(其它行星类似)的地图图片是通过特定格式(带经纬度信息)的图片直接加载而成.选择合适的地图图片,除了可以显示不同形式的地理坐标外,还可提升视景仿真动画的逼真效果. ...
cesium初始化及加载地图
概述 Cesium是一个基于JavaScript的开源框架,可用于在浏览器中绘制3D的地球,并在其上绘制地图(支持多种格式的瓦片服务),该框架不需要任何插件支持,但是浏览器必须支持WebGL. Ces ...
ArcGis API for JavaScript学习——加载地图
ArcGis API for JavaScript开发笔记--加载地图在这个例子中使用的离线部署的API(请参见 http://note.youdao.com/noteshare?id=f42865 ...
QML 地图修改插件源码（四），Map根据目录作为索引加载地图瓦片
QML中的地图(以OSM为例)在使用过程中会发现当地图层数很多时,特别是如果使用离线地图且地图层级较多时地图会变得很卡(在线地图加载的层级数多且不清除缓存时也会卡),原因在于QML地图插件对地图瓦片的 ...
autoware加载地图数据与使用rosbag包建图（三）
autoware加载地图数据(三) 介绍如何为autoware加载地图数据启动autoware $ cd ~/autoware.ai $ source install/setup.bash $ ro ...

百度离线地图-加载地图(一)

百度离线地图-加载地图(一)相关推荐

最新文章

热门文章