HTML5调用百度地图API进行地理定位实例 ,定位当前位置

转载 2015年11月18日 15:36:01
    <!DOCTYPE html>    
    <html>    
    <title>HTML5调用百度地图API进行地理定位实例</title>    
        <head>    
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    
            <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=134db1b9cf1f1f2b4427210932b34dcb"></script>    
        </head>    
        <body style="margin:50px 10px;">    
            <div id="status" style="text-align: center"></div>    
            <div style="width:600px;height:480px;border:1px solid gray;margin:30px auto" id="container"></div>    
        </body>    
    </html>    
        
    <script type="text/javascript">    
        //默认地理位置设置为上海市浦东新区  
        var x,y;     
        window.onload = function() {    
            if(navigator.geolocation) {    
                navigator.geolocation.getCurrentPosition(showPosition);  
                document.getElementById("status").innerHTML = "HTML5 Geolocation is supported in your browser.";    
                    // 百度地图API功能    
                    var map = new BMap.Map("container");    
                    var point = new BMap.Point(x,y);    
                    map.centerAndZoom(point,12);    
        
                    var geolocation = new BMap.Geolocation();    
                    geolocation.getCurrentPosition(function(r){    
                        if(this.getStatus() == BMAP_STATUS_SUCCESS){    
                            var mk = new BMap.Marker(r.point);    
                            map.addOverlay(mk);    
                            map.panTo(r.point);    
                        }    
                        else {    
                            alert('failed'+this.getStatus());    
                        }            
                    },{enableHighAccuracy: true})    
                return;  
            }    
            alert("你的浏览器不支持获取地理位置!");  
        };    
        function showPosition(position){  
          x=position.coords.latitude;   
          y=position.coords.longitude;    
        }  
    </script>    

使用百度地图api实现定位及选择位置功能

之前使用过一些第三方的地图api,最后还是觉得百度的比较好用,刚好最近做一个项目,需要用到地图的功能,也比较简单,就是获取当前位置,然后可以自己手动在地图上选择位置,把经纬度丢给服务端。我用的就是百度...
  • zengdejie123
  • zengdejie123
  • 2016年05月19日 22:06
  • 12263

HTML5调用百度地图API进行地理定位实例

自从HTML5的标准确定以后,越来越多的网站使用HTML5来进行开发。虽然对HTML5支持的浏览器不是很多,但是依然抵挡不了大伙对HTML5开发的热情。今天为大家带来的是使用HTML5调用百度地图AP...
  • xmt1139057136
  • xmt1139057136
  • 2015年04月17日 10:36
  • 18462

Geolocation---HTML5调用百度地图API进行地理定位实例

自从HTML5的标准确定以后,越来越多的网站使用HTML5来进行开发。虽然对HTML5支持的浏览器不是很多,但是依然抵挡不了大伙对HTML5开发的热情。今天为大家带来的是使用HTML5调用百度地图AP...
  • IT1039871366
  • IT1039871366
  • 2015年06月16日 16:41
  • 2681

百度地图api--定位当前的位置

一.首先引入所申请的ak密钥 二.简单样式处理一下body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}#allmap{he...
  • jiangzunshao
  • jiangzunshao
  • 2016年11月04日 23:30
  • 8536

HTML5 地理定位详解(转载)

http://www.php10086.com/2012/08/934.html   为什么要采用html5地理定位? 原因其实很简单,—————-0ee72b30—————-ip定位不准! ...
  • xuruoxin
  • xuruoxin
  • 2013年07月30日 23:08
  • 6424

基于浏览器的HTML5 Geolocation API (地理位置应用程序接口)查找地理位置

navigator.geolocation用于获取基于浏览器的当前用户地理位置,以下代码用户获取用户地理位置的经度和维度。 简易代码如下:        /*获取当前位置*/     function...
  • qq_21429153
  • qq_21429153
  • 2016年11月13日 22:11
  • 434

html5获取地理位置和定位

1.H5地理位置定位功能 首先判断用户浏览器是否支持该功能,目前大多数现代浏览器均支持,获取位置信息需用户授权同意 function getLocation(){    if...
  • xiongbo_
  • xiongbo_
  • 2017年06月08日 15:12
  • 756

vue 百度地图 + 定位

vue 百度地图 + 定位
  • gh1205
  • gh1205
  • 2017年12月29日 10:56
  • 189

HTML5页面调用百度地图API,获取当前位置并导航到目的地

微信也可用, HTML5页面调用百度地图API,获取当前位置并导航到目的地 body, html,#allmap {w...
  • lp1052843207
  • lp1052843207
  • 2017年06月12日 10:00
  • 4225

AngularJs 利用百度地图API 定位当前位置 获取地址信息

利用angular+百度地图API实现定位获取当前地址信息
  • pandongzi_2017
  • pandongzi_2017
  • 2017年01月18日 14:50
  • 1742
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML5调用百度地图API进行地理定位实例 ,定位当前位置
举报原因:
原因补充:

(最多只允许输入30个字)