百度API定位和html5支持浏览器定位

 

<!--百度API-->
<script type="text/javascript" 
src="http://api.map.baidu.com/api?v=你自己的版本&ak=你自己的KEY>
</script>
<div id="status" style="text-align: center;"> </div>
<!--定义一个地图容器-->
<div id="container" 
style="width: 600px; height: 480px; border: 1px solid gray; margin: 30px auto;">
<!--百度定位-->
<script type="text/javascript">
// <![CDATA[
window.onload = function() {
        var x,y;
 if(navigator.geolocation) {//是否导支持导航定位
    document.getElementById("status").innerHTML =
 "HTML5 Geolocation is supported in your browser.";
           
            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);
                    console.log(r.point.lat+":"+r.point.lng);
                }
                else {
                    alert('failed'+this.getStatus());
                }
            },{enableHighAccuracy: true})//高精度定位
            return;
        }
    };
// ]]></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=你自己的版本&ak=你自己的Key"></script>
<!--百度定位-->
<script type="text/javascript">// <![CDATA[
var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function(position){
            var lat = "";
            var lon = "";
            if(this.getStatus() == BMAP_STATUS_SUCCESS){
                lat = position.point.lat;
                lon = position.point.lng;
                localStorage.lat = lat;
                localStorage.lon = lon;
                console.log(lat+':'+lon)
            }
        },{enableHighAccuracy: true});//高精度定位
// ]]></script>
<!--浏览器自带定位-->
<script type="text/javascript">// <![CDATA[
function geolocationSupport() {
        if(!navigator.geolocation) {
            alert("你的浏览器不支持HTML5 Geolocation");
        } else {
            getCurrentPosition();
        }
    }
    function getCurrentPosition(){
        var options={enableHighAccuracy:true, timeout:60000, maximumAge:60000}
        navigator.geolocation.getCurrentPosition(success,error,options)
    }

    function success(position) {
        var x=position.coords.longitude;
        var y=position.coords.latitude;
        alert("经度为:"+x+"纬度为:"+y);
    }
    function error(err) {
        var errorTypes={
            1:"用户拒绝定位服务",
            2:"获取不到定位信息",
            3:"获取定位信息超时"
        }
        alert(errorTypes[err.code]);
    }
    window.onload=geolocationSupport();
// ]]></script>
</div>