bigemap百度离线地图API接口文档及接口调用实例

最新推荐文章于 2024-06-15 11:14:55 发布
最新推荐文章于 2024-06-15 11:14:55 发布
阅读量1.9k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43555913/article/details/84567093
版权
本文档介绍了如何使用bigemap的百度离线地图API，包括瓦片下载、离线部署、后台管理及账号信息。提供了效果预览地址、离线发布步骤和地图瓦片下载方法，支持自定义标注。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

 

1.当前版本支持百度电子地图瓦片和百度卫星地图瓦片；

2.效果预览演示地址：http://www.bigemap.com/bmap 

后台编辑体验地址：http://www.bigemap.com/bmap/ 可随意在后台添加/修改标注，账号密码均为：admin

（只下载了部分地图瓦片作为离线样本，某些地方无法显示视为正常，包含全国5-12级，部分成都13-16级）

3.我们可以提供离线发布源代码(价格：3000RMB)，技术支持，助你一分钟快速开发部署离线地图服务器。

 

在BIGEMAP下载器中下载百度瓦片（后面有介绍如何下载瓦片）放在指定目录下就可以使用浏览器查看自己的离线地图啦，还可在后台随意添加点、线、面、图文等标注，如下图：

电子地图预览：

blob.png

卫星地图预览：

blob.png

针对有离线发布需求的客

最低0.47元/天 解锁文章
如何发布百度离线地图及二次开发API
www2111的博客
10-11 2086
如何发布百度离线地图及二次开发API 发布时间：2018-01-17 版权：   相关教程： 一键离线地图发布-工具下载 使用教程 百度离线地图API接口文档及接口调用实例 谷歌离线地图发布  教程 手机离线地图发布——Oruxmaps制作发布高清卫星离线地图 说明： 1.当前版本支持百度电子地图瓦片和百度卫星地图瓦片； 2.效果预览演示地址：http://www.bigema...
bigemap地图下载器 百度离线地图API接口文档及接口调用实例——地图事件
tangshenq17565的博客
08-06 405
地图事件 编辑时间：2017-02-03 地图事件概述 浏览器中的JavaScript是“事件驱动的”，这表示JavaScript通过生成事件来响应交互，并期望程序能够“监听”感兴趣的活动。例如，在浏览器中，用户的鼠标和键盘交互可以创建在DOM内传播的事件。对某些事件感兴趣的程序会为这些事件注册JavaScript事件监听器，并在接收这些事件时执行代码。 百度地图API拥有一个自己的事件模...
[github项目]基于百度地图二次开发实现的车辆监管（包含车辆定位、车辆图片和方向控制，电子围栏，图形绘制等功能）前端实现(不包含后端实现)...
weixin_30764883的博客
08-30 481
前言：基于百度地图javascript版本开发，百度地图中所用的key已承诺仅用于测试，不用于商业用途 注：本文所有代码可以到github上进行下载，github地址：http://map.eguid.cc/ 已经封装好的功能： 基于百度地图二次开发实现车辆实时监管 1、车辆操作相关 1.1、支持车辆位置方向定位（根据经纬度） 1.2、支持实时改变/控制车辆...
BIGEMAP通过离线地图二次开发接口（离线地图API）
bigemap的博客
05-08 4320
用法示例示例 // 使用id为map的div容器初始化地图，同时指定地图的中心点和缩放级别 BM.Config.HTTP_URL = ''; var map = BM.map('map','mapid', { center: [51.505, -0.09], zoom: 13 }); 创建 构造 描述 BM.map(<String>id...
百度离线API地图调用示例源码功能
10-12 3824
一、概述 百度离线API地图调用示例源码提供了道路交通图、卫星地图和三维城市效果图的离线加载功能，矢量标注功能、矢量编辑功能和测量功能等，旨在为用户提供一个可以快速加载离线地图或在线地图的解决方案，并提供技术支持。 除了现有基本功能之外，还可以根据用户的实际需求免费开发工作量较小的新功能（包括个性化需求），如果工作量较大，则会根据工作量的大小和技术难易程序收取一定费用。 百度
百度地图离线调用（详细教程）
bigemap的博客
05-24 1万+
相关教程： 1、如何搭建WEB离线地图开发环境 2、下载离线地图数据(金字塔瓦片数据） 3、离线地图二次开发接口（离线地图API） 4、离线地图API接口实例DEMO 5、离线地图完整演示实例 说明： 1.当前版本支持 谷歌电子/卫星地图瓦片、高德地图、阿里云地图、超图、腾讯地图等（只需下载该地图源的瓦片拷贝到指定目录即可）； 2.效果预览演示地址：...
bigemap地图下载器 百度离线地图API接口文档及接口调用实例——轨迹回放示例
tangshenq17565的博客
09-10 673
轨迹回放完整html+js代码示例： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; &lt;meta http-equiv="Content-Type" content="te
bigemap地图下载器 百度离线地图API接口文档及接口调用实例——添加点标注
tangshenq17565的博客
08-08 865
标注 标注表示地图上的点。API提供了默认图标样式，您也可以通过Icon类来指定自定义图标。Marker的构造函数的参数为Point和MarkerOptions（可选）。注意：当您使用自定义图标时，标注的地理坐标点将位于标注所用图标的中心位置，您可通过Icon的offset属性修改标定位置。 下面的示例向地图中心点添加了一个标注，并使用默认的标注样式。 var map = new BMa...
bigemap地图下载器 百度离线地图API接口文档及接口调用实例——矢量图标及类参考
tangshenq17565的博客
09-05 1353
    上图效果JS代码示例： &lt;script type="text/javascript"&gt;         // 创建Map实例         var map = new BMap.Map("allmap", {enableMapClick:false});         // 设置地图背景色为白色         map.getContainer().st...
百度地图离线API 2.0(含示例,可完全断网访问)
02-05
由于公司需求,自己修改的离线地图API.该压缩包具有如下功能: 1.支持使用google地图瓦片(不建议使用,效率不高,缩放级别较高时拖动有些卡顿,建议注释该代码块:overlayTileLayer.getTilesUrl,使用google转baidu的jar转换代码,源码文章:http://blog.youkuaiyun.com/leiyong0326/article/details/42687753) 2.包含拉框放大,测距,画线,打印等功能(已修改工具源码,支持右键取消放大,测距手势) 3.自定缩放级别显示指定标签 4.快速定位及隐藏指定类型 注意事项: 1.该示例不包含地图瓦片,所以访问时无背景(可以点击切片/影像查看在线地图效果). 2.临时修改作为可运行示例,只有三角符号的文字点击有弹框,弹出框的详细本是显示flex的曲线图,因为无后端所以删除参数查询部分. 3.定位站点时需放大缩放级别才可以看到对应站点 4.因涉及公司隐私,该代码为未完成之前的测试产品,功能不够完善.
基于百度地图的二次开发
03-05
基于百度地图的二次开发，实现定位，云存储，云检索
基于百度地图API的二次开发
07-01
基于百度地图api的图形绘制的开发，可以自由绘制多边形，矩形，线段，并且可以获得任意点的坐标。
百度地图api，百度地图二次开发
06-11
百度最全api，详解百度地图二次开发，对一些码农来说却是很好东西，值得拥有啊
百度地图二次开发汇总
10-23
里面包括一个实例Demo,若干说明文档。相信对于想用C++做地图开发会有很大的帮助。如果我的东西有帮助请关注我的博客:www.cnblogs.com/vpoet
百度离线地图API V2.1 内含示例Demo，亲测可用
12-05
本人基于2017年12月最新API制作。 说明： 1）离线地图不是万能的, 有些依赖在线的功能是无法使用的, 请自行扩展 2）请查看 离线地图示例demo.html 里面的示例，或者查看地图API在线示例: http://developer.baidu.com/map/jsdemo.htm 3) 地图API请查看百度官方说明: http://developer.baidu.com/map/reference/index.php 4）如有更新，请查看网站: http://www.xiaoguo123.com/p/baidumap_offline_v21 5）此API用户大家交流学习，本人没有能力提供太多的技术帮助 6）由于某些用途导致的商业纠纷，和本人无关 新增： 1）支持显示卫星混合地图，瓦片图放到 tiles_hybrid 目录下 2）支持支定义混合图，瓦片图放到 tiles_self 目录下 3）增加根据城市名称设置地图中心, 请自行扩展map_city.js 4）增加鼠标测距示例 5）增加鼠标绘制线面示例 增加新的瓦片图： 1）使用地图下载工具（如太乐地图下载）下载你要的地区和级别 2）务必导出瓦片图（百度格式），可以选择导出jpg或png图形 3）按需要修改map_load.js，指定瓦片图的路径，或者按默认的来 4）目录说请看图片： 目录说明.jpg 基本的使用方法如下： 1）加载离线地图必须的文件： [removed][removed] <link rel="stylesheet" type="text/css" href="offlinemap/css/map.css"/> 2）增加一个容器用来显示地图 3）写JS脚本 [removed] var map = new BMap.Map("map_demo"); // 创建Map实例 map.centerAndZoom(new BMap.Point(116.404, 39.915), 7); // 初始化地图,设置中心点坐标和地图级别 map.setCurrentCity("武汉"); // 设置地图中心显示的城市 new！ map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 map.addControl(new BMap.NavigationControl()); //缩放按钮 map.addControl(new BMap.MapTypeControl( {mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]} )); //添加地图类型控件 离线只支持普通、卫星地图; 三维不支持 [removed]
谷歌离线地图API解析
luopdjia520的博客
04-08 1万+
[Google离线地图示例解析] 1.说明 离线地图发布有多种方式均可以实现，可以利用ArcGis Server、GeoServer等构建地图Web服务器，还可以使用 谷歌地图、百度地图等API进行地图发布服务。本篇主要简单介绍如何调用Google离线地图API实现地图标注、获取坐标、及其他参数的设置。【如何发布Google离线地图】 2.实现 Google地图规定了地图瓦片在存放
ecshop二次开发--百度地图
热门推荐
郝云博客
05-19 1万+
案例效果展示： 代码实现： 1.在ecshop后台找到文章管理->文章分类->添加文章分类，
基于百度地图WebGL版二次开发的数据可视化大屏（白天黑夜模式自动切换、标注聚合功能、历史路线轨迹查询）
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
06-15 789
基于百度地图WebGL版二次开发的数据可视化大屏。它是一款功能强大、操作便捷的数据展示工具，特别针对数据可视化和地理信息分析进行了深度优化。
关于百度地图在web端二次开发经验分享
邝同学的漫漫编程路
02-04 1万+
标题党，先做个记号，最近两天更新。
离线自定义地图功能如何实现？
最新发布
04-03
<think>好的，用户想了解如何实现离线自定义地图功能。首先，我需要整理已有的信息。根据提供的引用内容，特别是引用[2]，里面提到了在Vue3项目中离线使用百度地图的详细教程，包括地图瓦片下载、本地服务器部署等步骤。用户的需求可能涉及到如何在无网络环境下加载自定义地图，并且可能需要修改地图样式或添加自定义图层。 接下来，我需要确定用户的具体需求是什么。离线自定义地图可能包括两个方面：离线加载地图瓦片和自定义地图样式或功能。根据引用[2]中的内容，离线加载需要下载瓦片资源并搭建本地服务器存储这些资源。而自定义功能可能涉及使用百度地图的API进行图层覆盖、样式修改等操作。 然后，我需要考虑用户的技术栈。用户提到Vue3和Nuxt3项目，所以回答需要符合这些框架的使用方式。同时，用户可能需要处理地图瓦片的下载、存储路径配置、本地服务器设置以及API的离线调用方法。此外，可能还需要解决常见问题如加载报错、渲染卡顿等，这些都需要在步骤中提及。 还需要注意引用中的内容是否足够详细。引用[2]已经涵盖了离线加载的整个流程，包括瓦片下载和本地部署，因此可以基于此构建步骤。同时，自定义地图功能可能需要使用JavaScript API进行覆盖物添加或样式调整，这部分可能需要结合百度地图的官方文档，但由于用户要求离线使用，需要确保所有依赖的JS文件如bmap_offline_api_v3.0.min.js也本地化。 然后，我需要组织回答的结构。首先分步骤说明离线地图的实现，包括资源下载、服务器部署、配置修改和API调用。接着，讲解如何自定义地图，比如添加标记、绘制区域、修改样式等。然后，提供代码示例，展示在Vue3中如何初始化离线地图并添加自定义元素。最后，列出常见问题及解决方案，帮助用户应对可能遇到的困难。 还需要验证步骤的正确性。例如，确保瓦片下载工具推荐的是合法且可用的，本地服务器如Nginx的配置是否正确，路径是否匹配。另外，离线API文件的引用路径是否正确，是否存在跨域问题需要处理。代码示例需要符合Vue3的语法，尤其是组合式API的使用，可能需要使用onMounted钩子来初始化地图。 最后，生成相关问题，帮助用户进一步探索。例如，如何更新离线瓦片、处理跨域问题、优化性能等，这些都是用户在实际操作中可能遇到的后续问题。</think>### 离线自定义地图功能实现方法 #### 一、基础环境搭建 1. **地图瓦片资源获取** - 使用地图瓦片下载工具（如`Mobile Atlas Creator`或`BIGEMAP`）下载指定区域的地图瓦片 - 瓦片存储路径需按`/z/x/y.png`目录结构组织（z=缩放级别，x=横向编号，y=纵向编号） - 推荐下载12-18级高清瓦片，单个城市约需5-15GB存储空间[^2] 2. **本地服务器部署** ```nginx # Nginx示例配置 server { listen 8080; server_name localhost; location /tiles/ { alias /path/to/your/tiles/; autoindex off; } } ``` - 通过本地服务器提供瓦片访问服务，需配置跨域访问策略（CORS） - 建议使用Nginx/Docker部署，确保路径映射准确[^2] #### 二、离线地图核心实现 1. **API文件本地化** - 将`bmap_offline_api_v3.0.min.js`等依赖文件下载至本地 - 修改百度地图初始化脚本中的资源指向： ```javascript window.BMAP_URL = '/local/path/to/bmap_offline_api_v3.0.min.js'; ``` 2. **Vue3集成示例** ```vue <script setup> import { onMounted } from 'vue' onMounted(() => { const script = document.createElement('script') script.src = '/js/bmap_offline_api_v3.0.min.js' document.head.appendChild(script) script.onload = () => { const map = new BMap.Map('map-container', { enableHighResolution: true, // 启用高清瓦片 disableMapRotation: true // 禁止自动旋转 }) map.addTileLayer(new BMap.TileLayer({ tilesUrl: 'http://localhost:8080/tiles/{z}/{x}/{y}.png', copyright: 'Local Map Server' })) } }) </script> ``` #### 三、自定义功能扩展 1. **图层叠加** ```javascript // 添加自定义矢量图层 const customLayer = new BMap.CustomLayer({ draw: function(canvas) { const ctx = canvas.getContext('2d') ctx.fillStyle = 'rgba(255,0,0,0.5)' ctx.fillRect(50, 50, 100, 100) } }) map.addOverlay(customLayer) ``` 2. **样式定制** ```css /* 修改地图容器样式 */ #map-container { filter: grayscale(80%) contrast(120%); background: #f0f2f5; /* 无瓦片区域背景色 */ } ``` #### 四、常见问题解决方案 | 问题类型 | 解决方案 | |---------|----------| | 瓦片404错误 | 检查Nginx路径配置与瓦片存储目录结构一致性 | | 跨域访问失败 | 添加响应头`Access-Control-Allow-Origin: *` | | 内存泄漏 | 使用`map.dispose()`销毁地图实例 | | 渲染模糊 | 确保下载瓦片分辨率与设备像素比匹配 |
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值