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

最新推荐文章于 2024-05-19 22:05:56 发布
最新推荐文章于 2024-05-19 22:05:56 发布
阅读量1.1w 收藏 4
点赞数 3
分类专栏： H5 文章标签： 百度API 微信调用地图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nideshijian/article/details/53521805
版权
最低0.47元/天 解锁文章
Always_OL
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
HTML5调用百度地图API进行地理定位实例
weixin_33708432的博客
04-17 1702
自从HTML5的标准确定以后，越来越多的网站使用HTML5来进行开发。虽然对HTML5支持的浏览器不是很多，但是依然抵挡不了大伙对HTML5开发的热情。今天为大家带来的是使用HTML5调用百度地图API进行地理定位实例。请看下面代码：<!DOCTYPE html> <html> <title>HTML5调用百...
百度地图API实现定位与目的地导航
03-22 1009
百度地图API实现定位与目的地导航 分类： Android2012-09-05 23:34 2193人阅读 评论(1) 收藏 举报 百度apiandroidlayout开放apibutton 前几天百度举办了百度世界大会，可惜没去参加，之前参加了百度的开发者大会，在会上也了解了百度的产品，百度现在朝着平台化的方向在发展，感觉很不错，也试用了百度的产品，现在就用着百度的
html5网页-浏览器中实现高德地图定位功能
最新发布
程序人生
05-19 977
如果在应急资源管理系统中，引入高德地图API创建地图容器获取应急基地位置在地图上显示定位功能。
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
09-27
主要介绍了HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码,需要的朋友可以参考下
html5调用百度地图API美化版（PC+WAP）
07-01
基于百度JavaScript API 2.0修改，兼容3.0图省事的就可以直接套用
微信小程序获取当前位置(新) 地图定位导航-详细代码
11-08
在微信小程序中，获取当前位置并实现地图定位导航是常见的功能需求。这个教程将详细讲解如何在微信小程序中实现这一功能，以供开发者参考。首先，我们需要了解微信小程序的基础知识，包括其开发环境、API调用以及...
Android仿微信调用第三方地图应用导航（高德、百度、腾讯）
08-29
Android 仿微信调用第三方地图应用导航（高德、百度、腾讯） Android 仿微信调用第三方地图应用导航是指在 Android 应用程序中调用第三方地图应用程序来实现导航功能，包括高德、百度、腾讯等地图应用程序。这种...
微信小程序----高德地图API实现的DEMO
02-07
在微信小程序的开发中，高德地图API是一个常用的工具，它可以帮助开发者实现在小程序中集成地图功能，包括但不限于展示地图、定位用户位置、搜索周边兴趣点、规划路径等。本DEMO展示了如何将高德地图API与微信小程序...
html调用百度地图
11-16
html调用百度地图，调用百度地图api可以实现两个地点的公交的查询等等
html5页面百度地图,HTML5 或web端或微信端开发 调用百度地图API地理定位
weixin_32816563的博客
06-03 261
HTML5HTML5调用百度地图API地理定位实例完整代码如下图，js代码在下面可直接复制到 script1、引用百度地图的js2、复制下面的js代码就可以预览效果window.onload=function() {if(navigator.geolocation){document.getElementById("status").innerHTML="HTML5Geolocation...
微信html5页面调用第三方位置导航的示例
09-27
主要介绍了微信html5页面调用第三方位置导航的示例的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
百度内部html5框架核心设计与源代码
04-20
百度内部html5框架核心设计与源代码
微信公众号获取/调用微信收货地址示例接口
11-27
此接口很好对接thinkphp框架开发的站点的哦，还有对接ectouch也是可以的。本人已经实现小程序webview 调用ectouch的h5页面，然后由h5发起调用微信地址。大家有兴趣可以看看我的小程序示例，我小程序里面有我的联系方式 不懂的从小程序上联系我咨询，微信小程序那里搜索：飞机杯男用
HTML仿百度首页登录后的静态界面代码
10-24
有关于仿百度首页登录后的静态界面代码，有些功能还没有完善，所以希望能借这次机会跟几位大佬互相讨论下，帮忙完善下其他功能！不过做完的一些功能可以互相参考借鉴！
HTML5实现获取地理位置信息并定位功能
12-13
HTML5提供了地理位置定位功能（Geolocation API），能确定用户位置，我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5，借助百度、谷歌地图接口来获取用户准确的地理位置信息。 源码下载：点此下载 如何使用HTML5地理位置定位功能 定位功能（Geolocation）是HTML5的新特性，因此只有在支持HTML5的现代浏览器上运行，特别是手持设备如iphone，地理定位更加精确。首先我们要检测用户设备浏览器是否支持地理定位，如果支持则获取地理信息。注意这个特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的，所以我们在访问
【html5百度地图】简单使用
boia
12-29 6171
今天本想着使用下google地图的API，没想到呢，国内这网速又要让我吐槽一番。 然后想想，好吧，百度好歹也是国产精英，然后去百度开发者网站看了下，果然不赖，而且和google map用法也是大同小异。 geolocation是navigator的一个属性，它是一个地理位置对象，要使用这个对象，首先需要去检测浏览器是不是支持，如果对JS比较熟悉，那么if(navigator.geolo
HTML5调用百度地图API获取当前位置并直接导航目的地的方法
weixin_34248849的博客
07-05 584
<!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&g...
微信h5页面调用第三方位置导航
weixin_34324081的博客
03-12 6598
微信h5页面拉起第三方导航应用 需要准备的:通过微信认证的公众号有备案过的域名 背景:微信公众号点击菜单栏跳到h5页面,需要用到导航功能 需求:当用户点击导航按钮时,跳转到第三方app进行导航参考:微信公众号开发文档 步骤: 在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/...
h5页面调用小程序的定位功能_微信html5页面调用第三方位置导航的示例
05-13
调用小程序的定位功能可以通过微信JS-SDK实现，具体步骤如下： 1. 在小程序开发者工具中创建一个小程序，并获取小程序的App ID。 2. 在微信公众平台中，打开开发-基本配置页面，将JS接口安全域名设置为你的h5页面的域名。 3. 在h5页面中引入微信JS-SDK，并初始化。 ``` <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script> wx.config({ debug: false, appId: '你的小程序AppID', timestamp: new Date().getTime(), nonceStr: '随机字符串', signature: '签名', jsApiList: [ 'getLocation' ] }); wx.ready(function() { wx.getLocation({ type: 'wgs84', success: function (res) { var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90 var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。 var speed = res.speed; // 速度，以米/每秒计 var accuracy = res.accuracy; // 位置精度 }, fail: function (res) { // 处理失败的情况 } }); }); </script> ``` 以上代码中，我们使用了`wx.getLocation`方法获取用户的位置信息，其中`type`表示定位方式，可以为`wgs84`或`gcj02`。如果获取成功，`success`回调函数会返回用户的经纬度、速度和精度等信息，如果获取失败，则会调用`fail`回调函数。 除了调用小程序的定位功能，我们还可以通过第三方地图API实现位置导航功能。下面是一个使用高德地图API实现位置导航的示例： ``` <a href="http://uri.amap.com/navigation?from=当前位置&to=目的地&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=1">导航到目的地</a> ``` 以上代码中，我们使用了高德地图API中的导航URI，其中`from`表示起点位置，可以为`当前位置`或用户的经纬度；`to`表示终点位置，可以为具体地址或经纬度；`mode`表示导航方式，可以为`car`、`bus`或`walk`；`policy`表示导航策略，可以为`1`（较快捷）或`2`（少收费）；`src`表示来源；`coordinate`表示坐标系，可以为`gaode`、`baidu`或`gps`；`callnative`表示是否调用客户端导航功能，可以为`0`或`1`。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值