百度地图 JavaScript API 2.0 获取当前位置并导航实例

最新推荐文章于 2026-06-17 10:40:45 发布

原创

最新推荐文章于 2026-06-17 10:40:45 发布 · 907 阅读

标签

#javascript #api #百度地图

收录于

该博客通过百度地图JavaScript API 2.0详细介绍了如何获取当前地理位置，并创建从当前位置到指定地点的导航路径。

利用百度地图Javascript API 2.0 制作导航网页，获取当前位置并生成至指定地点的导航路线

代码块

如下：

<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%;

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

深邃哥

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

百度地图离线版Javascript API 2.0版

05-10

参与评论您还未登录，请先登录后发表或查看评论

百度地图的两套JavaScript API

sayyy的专栏

04-27

793

前言 百度地图的有套JavaScript API：JavaScript API 和 JavaScript API GL。 JavaScript API v2.0 版本开发文档： http://lbsyun.baidu.com/index.php?title=jspopular 类参考： https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/reference/jsapi_reference.html demo： http://lbsyun.baidu.com/js

百度地图的简单实例

weixin_42244915的博客

08-07

508

百度地图的应用绘制百度地图准备工作组件完整代码路线规划绘制百度地图 百度地图API：https://lbsyun.baidu.com/index.php?title=jspopular 高德地图API：https://lbs.amap.com/ 定位、地图、轨迹、路径规划、导航、路况准备工作申请秘钥注：Referer白名单中如果你是直接自己开发可以先把所有权限都先放开，可以直接填写’*’ 组件初始helloword中JS代码说明 var map = new BMap.Map("con

百度地图离线API2.0(含示例,可完全断网访问)

Stand by

01-08

3万+

PS:如百度地图瓦片匹配不上则请使用google瓦片作为底图(有人反应说下载的百度瓦片对不上,有人又说对得上,可能瓦片下载软件版本不一样吧),转换google瓦片的java代码:Google瓦片转百度瓦片完整示例代码(缺JS)下载,瓦片也是转过的. http://pan.baidu.com/s/1mivC216 JS包在这里下载,闲分高了你也可以百度搜免费的标题相同点击下载百度离线地图

百度地图JSAPI实现加载当前位置并导航到目的地（web应用）

MoralIntegrity

07-10

2403

调用百度地图提供的api获取当前地理位置并导航到目的地（目的地需预先指定） //html头部的引入信息 <style type="text/css"> #allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} </style> <script type="text/java

百度地图 JavaScript API

DLNovice的博客

03-08

4133

文章目录1、账号申请2、创建应用3、使用地图介绍示例4、具体使用控件个性地图带高度的点（标记地点、覆盖物）点击事件参考资料：入门百度地图 JavaScript API | 8月更文挑战 - 掘金 (juejin.cn) 1、账号申请先申请成为百度开发者（需要填写身份证信息、申请理由等），创建地图应用生成 AK。 百度地图开放平台 | 百度地图API SDK | 地图开发 (baidu.com) 一般会秒同意，所以不用担心时间问题 2、创建应用注意应用类型选择浏览器端。白名单输入*号，所有地

HTML5调用百度地图API获取当前位置并直接导航目的地的方法

lin123_00的博客

06-15

1708

本文主要和大家介绍了HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码,需要的朋友可以参考下，希望能帮助到大家。 web前端全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）可以省下先发送位置信息后，点确定再出导航，省一步， <!DOCTYPE html> <html lang="zh-cmn-Hans"> <meta charset="UTF-8"> <meta name="viewport" content="widt.

【微信开发】-HTML5页面直接调用百度地图API,获取当前位置，直接导航目的地

梦里回忆-专栏

12-08

1万+

【微信开发】-HTML5页面直接调用百度地图API,获取当前位置，直接导航目的地 HTML5页面直接调用百度地图API,获取当前位置，直接导航目的地我是应用在微信中，自定义菜单，菜单直接链接到这个HTML5页面，获取当前位置后，页面中定好目的地，这样打开页面后直接进入导航页面可以省下先发送位置信息后，点确定再出导航，省一步， HTML5页面直接调

如何用js调用百度地图api接口

qq_42181069的博客

05-25

1万+

首先，依然是将效果图给大家看一下：操作步骤： 1、先百度搜索百度地图api 2、登录进去，找到javascript API，下载下来 3、然后点击控制台，点应用，新建一个应用，然后就会有一个api 4、在javascript页面有很多功能，大家可以根据自己的需求选择，这里我选取的就是地图上那个红点，然后还有就是默认的坐标是北京的经纬度，大家可以自己...

百度地图JS API获取到所在位置名称

小花同学的成长之路

10-10

5710

//引入百度地图 // 百度地图API功能 var map = new BMap.Map("allmap"); var point = new BMap.Point(108.95,34.27);//地图初始中心点 map.centerAndZoom(point,12); var geolocation = new BMap.Geolocatio

百度地图JSAPI 1.0/2.0升级指南：不绕弯，直接教你怎么搞

喵喵侠的CSDN博客

07-02

1647

百度地图JSAPI升级指南：7月22日前必须完成检查升级需求： 1.0版本必须升级 2.0版本需确认AK配置正确 AK配置要点：使用浏览器端AK（地球图标）配置域名白名单测试环境可用*，上线需修正版本选择：普通项目选3.0（兼容旧版样式）高性能需求选WebGL 1.0 升级步骤：先测试后上线检查所有地图功能 7月20日前完成注意：升级问题可提交工单咨询客服

标示当前位置的导航

猫沙盆

03-19

3964

利用CSS在导航条上标示当前所在频道的技术，已经有很长时间了，在很多CSS的书中都介绍过，不过还是总被问到，因此写一个简单的示例来讲解一下。其实原理非常简单： 1) 按照不同的频道（栏目），分别为body定义id。例如：首页：Blog频道：相册频道：频道内的所有页面都要统一定义id。 2) 导航条的相应栏目，也定义id或者class：

百度地图API获取当前位置

WALKMAN的博客

12-11

1万+

异步加载获取当前位置 //百度地图API功能 function loadJScript() { var script = document.createElement("script"); script.type = "text/javascript"; script.src = "http://api.map.baidu.com/api?v...

百度地图的一些问题以及解决方式

weixin_33695082的博客

02-07

971

1.由于版本的不同　1》1.2之前的引用　　 <script src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.0&services=false"></script>　　 2.0的版本引用　　 <script src="http://api.map.b...

2020-09-02 引用百度时遇到的Cannot read property ‘fc‘ of undefinedgetscript?v=2.0

qq_40600414的博客

09-02

1740

最近做的项目的模块是关于百度地图的，想在自己电脑上重新实现一下，结果引入百度地图的在线js发现有问题，在引入js 初始化地图时一直报错 getscript?v=2.0&ak=你的秘钥&services=&t=20160928173929:1 Uncaught TypeError: Cannot read property ‘fc’ of undefined ,我是将内容写在js文件里的，后来测试发现在html中写js就可以成功显示地图，所以就分析了一下，应该是在map初始化div的

百度地图2.0离线版的制作

a312024054的专栏

04-17

2万+

感谢前辈共享出来，不过时间有点长了，有些细节有些变动，修改了一下转载 : https://my.oschina.net/smzd/blog/5485381. 下载API主文件通过http://api.map.baidu.com/api?v=2.0获取API主文件的链接获取API主文件http://api.map.baidu.com/getscript?v=2.0&ak=&services=&t=

如何调用百度地图API---定位、显示热力图、路径导航等（很方便很强大）