百度地图定位

最新推荐文章于 2024-03-04 15:55:51 发布
最新推荐文章于 2024-03-04 15:55:51 发布
阅读量193 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/index2/article/details/79474416
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="http://api.map.baidu.com/api?v=2.0&ak=BPr36B36O2I3dEumnp3TQ8AX"></script>
		<script>
			//判断浏览器是否支持定位
			if(navigator.geolocation){
				navigator.geolocation.getCurrentPosition(success,error);
			}else{
				alert("你的浏览器不支持地理定位");
			}
			//获取地理位置成功
			
//			success
//			成功得到位置信息时的回调函数，使用Position 对象作为唯一的参数。 
//			Position接口没有继承任何属性。
//			
//			Position.coords 
//			返回一个定义了当前位置的Coordinates 对象.
//			Position.timestamp 
//			返回一个时间戳DOMTimeStamp， 这个时间戳表示获取到的位置的时间
			function success(position){
				console.info(position.coords);
				var latitude = position.coords.latitude;//获取纬度
				var longitude=position.coords.longitude;//获取经度
				//显示百度地图
				var map=new BMap.Map("container");//创建地图实例
				var point = new BMap.Point(longitude,latitude);//创建坐标点
				map.centerAndZoom(point,15);//初始化地图，设置中心点坐标和地图级别
				map.enableScrollWheelZoom(true);//滚轮控制地图大小
				var marker = new BMap.Marker(point);
				map.addOverlay(marker);
				
				var gc = new BMap.Geocoder();
				gc.getLocation(point,function(rs){
					var addComp=rs.addressComponents;
					
					alert(addComp.province+","+addComp.city+","+addComp.district+","+addComp.street+","+addComp.streetNumber);
				});
			}
			//获取地理位置失败
			function error(error){
				console.error(error);
			}
		</script>
	</head>
	<body>
		
<div id="container" style='width:500px;height:500px;'></div>
</body></html> 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			window.οnlοad=function(){
				var btnOpsition=document.getElementById("getPosition");
				btnOpsition.οnclick=function(){
					if(navigator.geolocation){
						navigator.geolocation.watchPosition(success,onError,options);
					}else{
						alert("不支持获取当前位置");
					}
				}
				function success(position){
					let lat=position.coords.latitude;
					let lon=position.coords.longitude;
					alert("lat的纬度是"+lat+"lon的经度是"+lon);
				}
				function onError(err){
					switch(err.code){
						case 1:
							alert("位置服务被拒绝");
							break;
						case 2:
							alert("暂时获取不到位置信息");
							break;
						case 3:
				        	alert("获取信息超时");
				            break;
				        case 4:
				            alert("未知错误");
				            break;
					}
				}
				let options={
					enableHighAccuracy:true,//要求高精度的地理信息
					timeout:20000,//表示等待响应的最大时间，默认是0毫秒，表示无穷时间
					maximumAge:1000//最长有效期，在重复获取地理位置时，此参数指定多久再次获取位置
				}
			}
		</script>
	</head>	
	<body>
		<input type="button" value="获取" id="getPosition"/>
	</body>
</html>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="http://api.map.baidu.com/api?v=2.0&ak=BPr36B36O2I3dEumnp3TQ8AX"></script>
		<script>
			window.οnlοad=function(){
				if(navigator.geolocation){
					var options={
						enableHighAccuracy:true,
						timeout:5000,
						maximumAge:0
					}
					navigator.geolocation.getCurrentPosition(success,onError,options);
					function success(results){
						var lag=results.coords.latitude;
						var lng=results.coords.longitude;
						
						var map=new BMap.Map("container");
						var point=new BMap.Point(lng,lag);
						
						map.centerAndZoom(point,15);
						map.enableScrollWheelZoom(true);//滚轮控制地图大小
						
						var marker=new BMap.Marker(point);
						map.addOverlay(marker);
						var gc =new BMap.Geocoder();
						gc.getLocation(point,function(rs){
							var addComp = rs.addressComponents;
							 alert(addComp.province + ", " + addComp.city + ", "+ addComp.district + ", " + addComp.street + ", "+ addComp.streetNumber);
						});
						console.log("纬度"+results.coords.latitude+"经度"+results.coords.longitude);
					}
					function onError(err){
						console.log("失败");
						console.log(err);
					}
				}
				else{
					//不支持
					alert("该浏览器不支持该geolocation");
				}
			}
		</script>
	</head>
	<body>
		<div id="container" style="width:500px;height: 500px;" ></div>
	</body>
</html>

卷不过自然卷
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
BaiduMap---百度地图官方Demo之定位图层展示（介绍定位图层的基本用法）
yyb.ye专栏
07-02 3480
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <com.baidu.mapapi.map.MapView
使用h5百度地图定位
07-18
使用h5，js,百度api实现百度地图定位； 显示当前所在位置； 显示打卡范围； 计算与打卡地点距离。
基于BaiduMap的经纬度获取
XiaoDibang的博客
05-21 616
直接上代码：设置AndroidManifest.xml中需要的权限：<!-- 这个权限用于进行网络定位--> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"></uses-permission> <!-- 这个权限用于访问GPS定位--> <uses-permission android:name="
百度地图及定位的简单使用
火星男孩的分享空间
02-24 4270
本篇demo GitHub地址：https://github.com/Ablexq/MyBaiduMap 参考： Android百度地图开发（一）之初体验 一、地图 申请AK（API Key） 百度地图开放平台 下载SDK开发包 百度地图开发所需SDK下载地址 如果需要集成所有功能（定位、导航、地图等），SDK要集成在一个jar包，在下载时可以一起下载，如下： ...
Android 百度地图API学习(三)-----啥是坐标
AlienTech for better life!~
04-05 1589
在接触的过程中，经常被一些 坐标、点、像素等概念困扰。 今天就来总结一下这些概念直接的关系 在百度地图API中，有如下几种坐标系： 经纬度：通过经度（longitude）和纬度（latitude）描述的地球上的某个位置。 平面坐标：投影之后的坐标（用x和y描述），用于在平面上标识某个位置。 可视区域坐标：地图可视区域的坐标系（用x和y描述）。   经纬度
小程序打开地图搜索、拖拽选择位置信息、调用腾讯地图获取经纬度设置地图中心
SAXX2的博客
03-04 823
小程序打开地图搜索、拖拽选择位置信息、调用腾讯地图获取经纬度设置地图中心
Android开发之百度地图定位
不服输的小乌龟
09-07 6707
Andriod开发之百度地图定位
Android开发之百度地图定位打卡
09-08
总的来说，实现“Android开发之百度地图定位打卡”涉及到Android应用开发基础、百度地图API的集成与使用、位置服务的管理和定制化功能的实现等多个方面，需要开发者具备扎实的Android编程技能和良好的问题解决能力。...
百度地图定位到当前
05-04
本项目使用eclipse编写，可以显示当前定位的位置，其中SHA1需要从电脑获取，每一个电脑都不同，工程用到百度地图的定位key,key和SHA1与包名有关，从AndroidManifest.xml获取包名，申请KEY
百度地图定位Cordova插件
05-13
总的来说，【百度地图定位Cordova插件】为Cordova应用提供了便利的地理位置服务，让开发者可以轻松地将百度地图的丰富功能整合到自己的应用中。结合Cordova的跨平台特性，你可以为iOS和Android用户带来一致的定位...
百度地图通过经纬度获取地址信息
热门推荐
github_zwl的博客
04-28 2万+
以前用的都是通过谷歌的坐标调用谷歌api 最近 发现老是连不上谷歌服务器。 于是找了找百度的, 地址为 http://developer.baidu.com/map/webservice-geocoding.htm#.E4.BB.80.E4.B9.88.E6.98.AFGeocoding.EF.BC.9F 逆地理编码示例 参数 值 Latit
python百度地图api经纬度_详解用Python调用百度地图正/逆地理编码API
weixin_39712821的博客
11-26 449
一、背景（正）地理编码指的是：将地理位置名称转换成经纬度；逆地理编码指的是：将经纬度转换成地理位置信息，如地名、所在的省份或城市等百度地图提供了相应的API，可以方便调用。相应的说明文档如下：正地理编码逆地理编码具体API的参数可以查看相应的“服务文档”：不过首次使用时需要申请，具体在控制台。申请AK的方式可参见其他文章。二、源码废话不多说，直接放源码。这里提供了Python调用这两个API的方法...
获取经纬度
shuimofengyang的博客
12-28 780
package com.bigdata.std; import com.google.gson.JsonObject; import com.google.gson.JsonParser; import org.apache.log4j.Logger; import java.io.BufferedReader; import java.io.IOException; import java.io...
基于ssm和vue的 家庭理财系统源码 家庭理财系统代码（高分毕设项目源码）
08-23
1. 家庭理财系统代码说明：经导师指导并认可通过的98分毕设项目代码。 2.适用对象：本代码学习资料适用于计算机、电子信息工程、数学等专业正在做毕设的学生，需要项目实战练习的学习者，也适用于课程设计、期末大作业。 3.技术栈：前端是vue，后端是ssm，项目代码都经过严格调试，代码没有任何bug！ 4. 作者介绍：大厂码农，java领域创作者，阿里云开发社区乘风者计划专家博主，专注于大学生项目实战开发，文章底部有博主联系方式，更多优质系统、项目定制请私信。 5. 最新计算机软件毕业设计选题大全: https://blog.csdn.net/weixin_45630258/article/details/135901374
大数据湖体系规划与建设方案.pdf
08-23
大数据湖体系规划与建设方案.pdf
Kafka多租户消费：构建高效、安全的分布式消息处理
08-23
Kafka是一个分布式流处理平台，最初由LinkedIn公司开发，后来成为Apache软件基金会的一个顶级项目。Kafka主要用于构建实时数据管道和流处理应用程序。它能够高效地处理高吞吐量的数据流，并且具有很好的可扩展性、容错性和持久性。 以下是Kafka的一些关键特性： 1. **分布式系统**：Kafka通过多个代理（Broker）组成集群，支持数据的分布式存储和并行处理。 2. **发布-订阅模型**：Kafka使用发布-订阅模式，生产者（Producer）将消息发布到主题（Topic），消费者（Consumer）从主题订阅消息。 3. **高吞吐量**：Kafka设计用于处理高吞吐量的数据流，每秒可以处理数百万条消息。 4. **持久性**：Kafka将数据存储在磁盘上，支持数据的持久化，即使在系统故障的情况下也不会丢失数据。 5. **可扩展性**：Kafka可以通过增加更多的Broker来水平扩展，以处理更大的数据量。 6. **容错性**：Kafka支持数据的副本（Replication），确保数据的高可用性和容错性。 7. **实时性**：Kafka设计用于实时数据处理
containerd的配置文件
最新发布
08-23
【kubernetes】环境准备及K8S安装【最新完整版】 1./etc/containerd/ 2.更改真实对应的harbor镜像地址ip
海康网络设备 sdk开发
08-23
海康网络设备 sdk开发
Android百度地图定位
04-07
Android百度地图定位是一种在Android应用中使用百度地图SDK进行定位的功能。通过使用该功能，开发者可以获取设备的当前位置信息，并在地图上显示出来。以下是Android百度地图定位的一般步骤： 1. 导入百度地图SDK：在Android项目中引入百度地图SDK的相关依赖库。 2. 获取定位权限：在AndroidManifest.xml文件中添加定位权限的申请。 3. 初始化定位SDK：在应用启动时，初始化百度地图定位SDK，并设置相关参数。 4. 创建定位监听器：实现BDLocationListener接口，重写onReceiveLocation方法，用于接收定位结果。 5. 开始定位：调用定位SDK的start方法开始定位。 6. 处理定位结果：在onReceiveLocation方法中，获取定位结果，并进行相应的处理，如获取经纬度、地址信息等。 7. 在地图上显示定位结果：将获取到的位置信息在地图上进行标注或者显示。 8. 停止定位：在不需要定位时，调用定位SDK的stop方法停止定位。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值