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

最新推荐文章于 2022-05-22 14:38:44 发布
VIP文章 最新推荐文章于 2022-05-22 14:38:44 发布
阅读量2.9w 收藏 10
点赞数 15
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyytaiyame/article/details/52796386
版权

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

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>HTML5页面直接调用百度地图API,获取当前位置，直接导航目的地</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=wDYEcxgRRheZwyC9jpN1Tt7fzr2zjosZ">
最低0.47元/天 解锁文章
zyytaiyame
关注
  • 15
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
微信小程序开发中的国内外地图服务与API使用
m0_72166538的博客
03-01 206
在上述代码中，首先引入了高德地图SDK，并在routePlan函数中通过调用getDrivingRoute API获取起点和终点间的路径规划信息，并将其保存在data中，在页面中显示。在上述代码中，首先引入了高德地图SDK，并在onLoad函数中初始化地图，获取当前位置的经纬度，并将其传递给map组件，从而实现了在小程序中显示地图。在上述代码中，首先引入了腾讯地图SDK，并在onLoad函数中初始化地图，获取当前位置的经纬度，并将其传递给map组件，从而实现了在小程序中显示地图。一、国内地图服务及API。
在HTML5内核的网页中调用百度地图数据显示.rar
07-10
在HTML5内核的网页中调用百度地图数据显示 ，也算是一个典型的jQuery Mobile Web 应用吧，通过本例你可学习下如何在网页中创建和初始化百度地图、创建地图函数、向地图中添加缩放控件、缩略图控件以及比例尺控件，如何定义标注点数组，并在地图上着重显示标注点，在移动设备应用中，基于HTML5的地图调用非常普遍。
微信html5页面调用第三方位置导航的示例
09-27
主要介绍了微信html5页面调用第三方位置导航的示例的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
09-27
主要介绍了HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码,需要的朋友可以参考下
html5页面百度地图,HTML5 或web端或微信端开发 调用百度地图API地理定位
weixin_32816563的博客
06-03 256
HTML5HTML5调用百度地图API地理定位实例完整代码如下图，js代码在下面可直接复制到 script1、引用百度地图的js2、复制下面的js代码就可以预览效果window.onload=function() {if(navigator.geolocation){document.getElementById("status").innerHTML="HTML5Geolocation...
微信公众号通过百度地图接口实现地图导航的方法
weixin_39297798的博客
09-10 1万+
1.先使用微信的JS-SDK 中的获取地理位置接口获取到地理位置信息 ； 然后将获取的经纬度信息转换为百度地图的经纬度，最后再使用百度地图的导航接口即可: 微信获取地理位置接口js： wx.getLocation({     type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'    
H5页面调起地图导航
Smile_ping的博客
02-11 1万+
h5页面拉起地图导航 这里再次记录下， 在vue中使用百度地图，点击marker弹窗选择对应导航方式。 文章目录h5页面拉起地图导航效果图拉起导航方式1. 高德地图2. 百度地图3. 腾讯地图vue使用百度地图templatescriptstyle 百度api文档 效果图 拉起导航方式 1. 高德地图 调用方式 http://uri.amap.com/marker?position=lng,lat&name=address&coordinate=gaode&callnati
最简洁的方式，实现web端百度地图一键定位导航
热门推荐
小圣贤君的博客
01-22 1万+
web开发过程中经常碰到需要调用百度地图来视线定位导航的过程，许多技术博客上介绍的都是调用百度地图的api，来自定义各种效果，这是一种方式。如果没有特殊需求的话，可以采用笔者下面的方式，一句话就可以实现定位导览和导航功能。 window.location.href = "http://api.map.baidu.com/marker?location=" + lat + "," + lng
百度地图使用、调起本机App地图
夜破星辰_JSON的博客
08-02 4588
集成百度地图过程不做讲解，直接按照官方文档一步步走即可 开发指南 效果图   引入头文件 #import &lt;MapKit/MapKit.h&gt; #import &lt;BaiduMapAPI_Base/BMKBaseComponent.h&gt;//引入base相关所有的头文件 #import &lt;BaiduMapAPI_Map/BMKMapComponent.h&...
H5端调起百度地图、腾讯地图app
weixin_34018169的博客
01-31 1419
来自一个需求的总结； 在微信公众号中根据地图上的marker和label，或者搜索结果点击调起地图APP进行导航。 一开始是使用百度地图进行开发，后面转腾讯是因为微信不允许不是自家或者合作方的APP在微信自带浏览器中唤起。（这里吐槽一下微信，这么搞算垄断吗？还有腾讯地图有多渣心里没点B数吗？用户使用量就是一个很好的证明！） 首先： 百度地图Marker打点及label并添加对应点击事件 ...
微信中html调用地图导航 可唤醒高德百度地图app(vue)
u010227042的博客
05-22 2904
1.安装weixin-js-sdk npm i -S weixin-js-sdk 2 获取微信授权 import wx from 'weixin-js-sdk' async created() { //签名的URL let sign_url = ""; if (window.__wxjs_is_wkwebview === true) { //如果当前设备是IOS sign_url = window.loc...
百度地图一键导航生成
01-13
一个工具页面，可使用Firefox或者Chrome直接运行。通过在地图上拾取坐标点，最终生成一键导航的页面地址，可将该地址嵌入到H5页面、微信图文或其他Web页面中，实现点击后打开百度地图，以及一键导航功能。
微信jssdk类库
01-04
这是我自己封装的基于.net语言的jssdk类库，用于基于公众平台的网页自定义分享。
企业微信-jssdk封装-第三方开发-获取当前页面会话信息
04-09
自己对企业微信jssdk做的一个封装，集成了vConsole和weui，可以方便的获取当前页面的入口环境信息： isWechat //是否微信浏览器 isLoading //是否在loading状态 vConsole //vConsole对象 context //当前页面...
C#实现微信结合百度api获取当前用户地理位置的方法
08-30
主要介绍了C#实现微信结合百度api获取当前用户地理位置的方法,结合实例形式分析了C#调用微信与百度API接口的相关操作技巧,需要的朋友可以参考下
微信小程序获取当前位置 地图定位导航-详细代码
05-12
微信小程序获取当前位置 地图定位导航-详细代码 介绍说明https://blog.csdn.net/guochanof/article/details/90130871
微信小程序获取当前位置(新) 地图定位导航-详细代码
11-08
微信小程序获取当前位置 地图定位导航-详细代码 介绍说明https://blog.csdn.net/guochanof/article/details/90130871
node-v12.16.3-x86.msi
最新发布
04-25
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
云计算基础课件—架构dr.pptx
04-25
云计算基础课件—架构dr.pptx
微信公众号开发地图导航怎么做
05-24
微信公众号开发地图导航需要使用微信JS-SDK的地图接口，具体步骤如下： 1. 在微信公众平台开发者中心申请JS-SDK权限，并获取appId和appSecret。 2. 引入微信JS-SDK，获取地理位置信息和调用地图接口。 3. 调用微信JS-SDK的getLocation接口获取用户地理位置信息，并将该信息传递给后台。 4. 后台根据用户的地理位置信息，调用地图接口（如百度地图API、高德地图API等），获取目的地的经纬度、地址等信息。 5. 将目的地的经纬度、地址等信息返回给前端，并在前端展示地图导航界面（可以使用第三方地图组件，如腾讯地图、百度地图等）。 6. 用户在前端选择导航方式（如步行、驾车等），并开始导航。 7. 在导航过程中，可以通过调用微信JS-SDK的openLocation接口，在微信内置地图中显示导航路线和目的地位置。 需要注意的是，微信JS-SDK的地图接口需要在微信客户端中使用，因此需要用户在微信客户端中打开公众号才能正常使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zyytaiyame

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值