`

js百度地图定位

 
阅读更多

 

<!DOCTYPE html>  
<html>  
<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
<script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>   
<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
  
    <title>html5 Gps转百度</title>  
    <style type="text/css">  
        body, html,#allmap {width: 100%;height: 300px;overflow: hidden;margin:0;font-family:"微软雅黑";}  
    </style>  
</head>  
<body>  
    <div id="allmap"></div>  
</body>  
</html>  
<script type="text/javascript">  
    var map = new BMap.Map("allmap");    
    var longitude,latitude;
    navigator.geolocation.getCurrentPosition(function (position) {      
        console.info(position);
        longitude = position.coords.longitude;    
        latitude = position.coords.latitude;  
    });    
    setTimeout(function () {    
        var gpsPoint = new BMap.Point(longitude, latitude);    
        BMap.Convertor.translate(gpsPoint, 0, function (point) {    
            var geoc = new BMap.Geocoder();    
            geoc.getLocation(point, function (rs) {    
                          
                map.addControl(new BMap.NavigationControl());   
                map.addControl(new BMap.ScaleControl());   
                map.addControl(new BMap.OverviewMapControl());   
                map.centerAndZoom(point, 18);   
                map.addOverlay(new BMap.Marker(point)) ;  
                    
                var addComp = rs.addressComponents;    
                alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);    
                alert('您的位置:'+rs.point.lng+','+rs.point.lat);  
            });    
        });    
    }, 1000);   
</script>  

 

 

0
0
分享到:
评论

相关推荐

    百度地图JavaScriptAPI离线版.zip

    百度地图JavaScript API是百度提供的一款强大的地图开发工具,它允许开发者通过JavaScript语言在网页上集成地图功能,包括但不限于定位、地图展示、标记、路线规划、地理编码等。这个"百度地图JavaScriptAPI离线版....

    基于js实现百度地图api定位当前位置和获取经度和纬度

    在JavaScript(js)编程中,使用百度地图API可以轻松实现实时定位用户当前位置,并获取其精确的经度和纬度信息。这篇内容将详细介绍如何利用百度地图API来完成这一任务。 首先,要使用百度地图API,你需要在百度...

    js+百度地图api测量面积

    百度地图API(Baidu Maps API)是百度提供的一套基于JavaScript语言的Web服务接口,它允许开发者在网页上嵌入地图,并进行各种地图相关的操作,如定位、绘制、标注等。在API中,我们可以获取到地图的坐标系统、地图...

    javascript百度地图API,显示2点间通勤路线,步行,自行车,公交车,开车.zip只要指定你的经伟度坐标即可挂接上百度地图

    在IT行业中,JavaScript百度地图API是一个非常实用的工具,它允许开发者在网页上展示地图、定位用户、规划路径等。这个压缩包文件包含了几个关键的资源,帮助我们理解和使用这一功能。 首先,"百度地图用法示例_lj...

    使用h5百度地图定位

    使用h5,js,百度api实现百度地图定位; 显示当前所在位置; 显示打卡范围; 计算与打卡地点距离。

    百度地图JavaScriptAPI离线版3.0.zip

    7. 应用集成:开发者需要知道如何将百度地图JavaScript API离线版3.0集成到自己的项目中,这可能涉及到HTML、CSS和JavaScript的编写,以及与后端系统的交互,如数据同步、位置计算等。 通过学习和理解以上知识点,...

    百度地图IP定位

    5. 显示在地图上:有了经纬度信息后,你可以使用百度地图JavaScript API或者Android/iOS SDK将这个位置点展示在地图上。通过创建标记、设置中心点等方式,用户就能看到IP地址对应的位置。 然而,值得注意的是,由于...

    9.(arcgis api for js篇)arcgis api for js接入百度地图(有偏移).zip

    在本教程中,我们将深入探讨如何使用ArcGIS API for JavaScript集成百度地图,并处理地图坐标系之间的偏移问题。ArcGIS API for JS是一个强大的工具,它允许开发者构建交互式的Web地图应用,而百度地图在国内有着...

    仿美团外卖商家百度地图

    `js`目录则包含JavaScript代码,这里是实现上述功能的核心,可能包括初始化地图、绑定事件、调用百度地图API的逻辑。 开发这样一个应用,需要熟悉HTML、CSS和JavaScript基础知识,同时对百度地图API有深入的理解。...

    java se平台的百度地图定位与搜索

    Java SE平台上的百度地图定位与搜索是Java开发者利用百度地图API在桌面应用程序中实现地理位置服务的一个重要主题。本文将深入探讨这一技术,包括如何集成百度地图API,进行位置定位、搜索以及相关的应用开发。 ...

    百度地图简单js定位demo

    以上就是关于"百度地图简单js定位demo"的详细解析,这个简单的示例展示了如何利用JavaScript和百度地图API在网页上获取并展示用户的位置。通过深入学习和实践,你可以进一步开发更复杂的功能,如地理围栏、路径规划...

    js 百度地图筛选方圆五公里的学校

    在JavaScript(JS)中,利用百度地图...通过上述步骤,你可以实现一个基本的JavaScript百度地图学校筛选功能。记得在实际开发中,还要考虑错误处理、用户权限检查、地图样式自定义等方面,以确保应用的稳定性和可用性。

    百度地图API地图描点示例

    百度地图API是为开发者免费提供的一套基于百度地图服务的应用接口,包括JavaScript API、Web服务API、Android SDK、iOS SDK、定位SDK、车联网API、LBS云等多种开发工具与服务,提供基本地图展现、搜索、定位、逆/...

    百度离线地图js资源包.zip

    标题中的“百度离线地图js资源包.zip”指的是一个包含了百度地图相关JavaScript资源的压缩文件。这个资源包专为在没有网络连接或者网络环境不稳定的情况下使用百度地图而设计。JavaScript(js)是网页开发中常用的一...

    百度地图JavaScriptAPI离线版本.zip

    这个API是百度提供的一种服务,允许开发者在自己的网页应用中集成百度地图的功能,如定位、路线规划、地图展示等,而“离线版本”意味着这个API可以在没有网络连接的情况下也能使用,这对于那些网络不稳定或需要在...

    web端js百度地图自定义maker覆盖物_鼠标悬停展示行政区域高亮

    1. **百度地图API**:百度地图API是百度提供的一套JavaScript接口,允许开发者在其网页上嵌入地图,进行地图展示、定位、路径规划等操作。开发者需要申请密钥(AK)才能正常使用。 2. **地图行政区**:地图行政区是...

    集成百度地图定位功能demo

    总的来说,"集成百度地图定位功能demo"是一个实战教程,它将引导开发者一步步完成百度地图定位功能的集成,包括API的申请、SDK的引入、定位服务的启动以及定位结果的处理。通过学习和实践这个demo,开发者可以快速...

    js百度地图API选择公司位置获取地址地图标注代码

    在本案例中,"js百度地图API选择公司位置获取地址地图标注代码"涉及到的是如何利用百度地图JavaScript API来实现在地图上选择特定位置,并显示对应的地址信息,同时支持多分公司地址的切换和地图标记。 首先,我们...

    JSP页面使用百度地图定位

    本篇将深入讲解如何在JSP页面中结合SpringMVC框架,利用百度地图API实现地理位置的定位功能。 首先,我们需要了解SpringMVC,它是一个强大的MVC(Model-View-Controller)框架,为Java Web应用程序提供了模型层、视...

    实现百度地图定位

    本篇将详细介绍如何实现百度地图定位以及相关API的使用。 首先,我们要了解百度地图定位的基础概念。定位服务主要是通过GPS、WiFi信号、移动基站等技术获取设备的地理位置信息。百度地图API提供了JavaScript API和...

Global site tag (gtag.js) - Google Analytics