js调用百度GPS定位

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>导航</title>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js" charset="utf-8"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>  
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的AK"></script> 
<script type="text/javascript">
     window.onload=init;
  function init(){
    var geolocation = new BMap.Geolocation();  
    geolocation.getCurrentPosition(function(r) {  
        if (this.getStatus() == BMAP_STATUS_SUCCESS) {  
            var mk = new BMap.Marker(r.point);
            var myGeo = new BMap.Geocoder();  
            myGeo.getLocation(new BMap.Point(r.point.lng, r.point.lat),           
                    function(rs) {  
                        var addComp = rs.addressComponents;  
                        alert(addComp.city);  
                    });  

        } else {  
            alert('failed' + this.getStatus());  
        }  
    });
}
</script>
</head>
<body>

</body>
</html>
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现百度GPS定位接口,需要使用百度地图API来进行开发。以下是实现步骤: 1. 注册百度地图开发者账号,并创建应用,获取应用AK(Access Key)。 2. 在需要使用GPS定位的页面中引入百度地图API的JavaScript文件。 ```html <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=your_ak"></script> ``` 其中,your_ak需要替换成自己的AK。 3. 在页面中添加一个地图容器。 ```html <div id="map"></div> ``` 4. 使用JavaScript代码初始化地图对象,并设置地图中心点和缩放级别。 ```javascript var map = new BMap.Map("map"); // 创建地图对象 var point = new BMap.Point(116.404, 39.915); // 设置地图中心点 map.centerAndZoom(point, 15); // 设置地图缩放级别 ``` 其中,BMap是百度地图API提供的全局对象。 5. 使用JavaScript代码获取用户的地理位置,并在地图上标注出来。 ```javascript var geolocation = new BMap.Geolocation(); // 创建定位对象 geolocation.getCurrentPosition(function(result){ if (this.getStatus() == BMAP_STATUS_SUCCESS){ // 定位成功 var point = new BMap.Point(result.point.lng, result.point.lat); var marker = new BMap.Marker(point); // 创建标注对象 map.addOverlay(marker); // 将标注添加到地图中 } else { // 定位失败 alert('failed'+this.getStatus()); } }); ``` 其中,BMap.Geolocation是百度地图API提供的定位对象。 以上就是使用百度地图API实现GPS定位的简单步骤。需要注意的是,使用百度地图API需要在页面中引入正确的JavaScript文件,并且需要在百度地图开发者中心创建应用并获取AK,否则会导致API调用失败。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值