H5获取用户位置API + 百度地图API介绍

本文介绍了H5的Geolocation API,用于获取设备地理位置,并详细讲解了如何使用该API,包括getCurrentPosition和watchPosition方法。同时,文章探讨了如何结合百度地图API,阐述了申请秘钥和使用JavaScript API的步骤,提供了获取和使用API的实践指导。
摘要由CSDN通过智能技术生成

一. Geolocaiton API 功能介绍

Geolocation接口是一个用来获取设备地理位置的可编程的对象,它可以让Web内容访问到设备的地理位置,这将允许Web应用基于用户的地理位置提供定制的信息.

出于安全考虑,当一个Web页尝试获取地理位置信息时, 会请求用户批准地理位置访问权限, 每个浏览器都有自己请求用户批准该权限的策略和方法.

二. Geolocation API 使用说明

Geolocation API是通过window.navigator.geolocation获取地理定位的访问的,该对象有以下三个方法:

1、 getCurrentPosition()

1.1 语法

 navigator.geolocation.getCurrentPosition(success,error,options)

1.2 参数说明
参数1.success:
必选参数,其作用是获取地理位置信息成功后返回执行的回调函数.

参数2.error:
可选参数,作用是获取地理位置信息异常或失败时执行的回调函数.

参数3.options:
可选参数,作用是添加一些可选参数设置

1.3 代码示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>地理定位</title>
</head>
<body>

<script>
    //获取当前地理信息
    window.navigator.geolocation.getCurrentPosition(succe
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值