仅自己记录,参照博客为以下地址:

https://blog.csdn.net/wml00000/article/details/82219015

1.链接:https://pan.baidu.com/s/1KN3SnTvUO3uzb_rgLRzKig
提取码:y4uc
复制这段内容后打开百度网盘手机App,操作更方便哦

注:百度网盘中的是瓦片

2.

3.引入map_load.js

<script type="text/javascript" src="../../../static/bmap_offline_demo/map_load.js"></script>

4.定义好这俩
//离线地图
var outputPath=’…/…/…/static/bmap_offline_demo/tiles/’;
var fromat=".jpg";
5.

html: <div style="width: 100%;font-size:12px;" id="mapcontainer"></div>

JS:this.map=new BMap.Map(“mapcontainer”)
// var point = new BMap.Point(116.404, 39.915); // 创建点坐标
// this.map.centerAndZoom(new BMap.Point(121.625647, 31.313543), 16); // 初始化地图,设置中心点坐标和地图级别
//添加地图类型控件
this.map.addControl(new BMap.MapTypeControl({
mapTypes: [
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]
}));
// this.map.setCurrentCity(“北京”); // 设置地图显示的城市 此项是必须设置的
this.map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
// //单击获取点击的经纬度
// this.map.addEventListener(“click”, function(e) {
// alert(e.point.lng + “,” + e.point.lat);
// });

百度离线地图 api3.0相关推荐

  1. vue整合百度离线地图api3.0

    文章目录 前言 一.场景 二.操作步骤 1.引入3.0js文件 2.创建map_load.js 3.修改bmap_offline_api_v3.0_min.js文件 3.1屏蔽ak验证 3.2加载mo ...

  2. 百度离线地图API2.0 百度离线地图api,已经修改源码

    百度离线地图API2.0 百度离线地图api,已经修改源码,绕过服务端验证,除了路书等需要服务端数据支持的功能外,其余功能已经全部实现,包括常用的:地图示例.地图控件添加.覆盖物添加.信息窗口展示等等 ...

  3. Vue-cli3实现web百度离线地图(v3.0)开发

    需求 实现基于Vue-cli3的web百度离线地图(v3.0)开发 Vue-cli3,目录如下,注意:需要把地图相关的文件放在public下,vue-cli2需要放在static下!!! 参考 主要参 ...

  4. 百度离线地图JSAPIV3.0

    原文地址::百度离线地图JSAPIV3.0 - 百度文库 相关文章 1.百度离线地图API V2.1 内含示例Demo,亲测可用----百度离线地图API V2.1 内含示例Demo,亲测可用 - 开 ...

  5. 百度离线地图APIV2.0

    离线地图资源,完全可脱离互联网访问,正在发愁局域网或内网使用地图定位的小伙伴们福音来了......哈哈哈哈哈!!! 支持各大主流浏览器 IE7.8.9.10.11,火狐.360浏览器.谷歌浏览器 如果 ...

  6. QT实现加载百度离线地图

    在Qt中加载百度地图需要用到网络浏览器,在此采用webEngine模块,然后用webchannel进行qt与HTML/JavaScript的交互. 需求描述:软件加载百度地图,用鼠标在地图上选点,并进 ...

  7. 百度离线地图开发,node实现地图瓦片下载

    最近有个Web项目要用离线地图,项目是在内网环境,找了很多资料,踩了很多坑,好在已经实现了,下面把资料整理一下. 首先是百度离线地图开发包,原文地址是http://www.xiaoguo123.com ...

  8. web百度离线地图开发(详细教程)2019

    web百度离线地图开发(详细教程) 需求情景 主要参考 开发步骤 一.JS API文件下载 二.修改API文件 1.屏蔽ak验证 2.设置引用本地资源路径 3.下载本地资源 4.引用本地资源 三.加载 ...

  9. 百度离线地图示例之三:矢量图

    前言介绍: 主要是基于v3.0的API版本进行的离线,纯内网可操作,基本上实现了现有90%以上的功能点,能兼容jpg和png格式的瓦片图层,实现了原生和基于Vue两个版本(包含常用的55个示例),文末 ...

最新文章

  1. Yarn已过时!Kubeflow实现机器学习调度平台才是未来
  2. 浅谈Android事件分发机制
  3. 正则学习:组的定义及引用方式
  4. Liferay MinifierFilter的研究
  5. LaTex中“图片引用失败,显示(??)”的解决办法
  6. mysql exist和in的区别
  7. QQ扫码登录实现与原理
  8. html如何设置整体字体颜色,html字体颜色 html如何设置字体颜色
  9. 你了解东大六维空间嘛?
  10. DB2 set current schema也能导致锁升级(lock escalation)?
  11. 免费python编程自学网站-可以免费自学编程的12个网站
  12. 【文末有福利! 】刷脸开锁:背后的技术绝招
  13. 炉石传说JJC英雄简评 JJC combo收集:Ver 1.0
  14. 通过FPGA计算矩阵的伪逆pinv
  15. 赵小楼《天道》《遥远的救世主》深度解析(60)芮小丹的独立意识与丁元英的尊重
  16. 蓝桥杯集合运算问题c语言,蓝桥杯 集合运算(set)
  17. 实用工具---各种工具安装使用
  18. 2017年蓝桥杯C组真题及解析
  19. BPA - 一揽子采购协议(Blanket Purchase Agreement)
  20. inno setup点击安装时,没有路径选择安装?

热门文章

  1. linux 磁盘系统,Linux系统监控之磁盘I/O篇
  2. Python 学习笔记-第9讲:面向对象练习-猜拳游戏
  3. 关于linux遭受挖矿病毒,伪装为trace
  4. Word文档隐藏文字设置
  5. Qt实现仿QQ截图,带绘图,撤回功能!
  6. TypeScript基础之typeof 类型操作符
  7. 2022天梯赛 L1-081 今天我要赢
  8. 银色情人节,TcaplusDB数据库与你一起过节!
  9. 免费申请5T的微软OneDrive云盘
  10. 为什么要学 Java?