通过window.navigator对象获取地理位置信息并在百度地图上显示

标签：百度地图   web应用   javascript   geolocation   地图   

通过window.navigator对象获取地理位置信息

• Geolocation API：用户可共享地理位置，并在Web应用的协助下享用位置感知服务（location-aware services）

下面演示如何调用 getCurrentPosition 并使用回调处理传入位置数据。其中successCallback是回调函数

var nav = null; 

function requestPosition() {
  if (nav == null) {
      nav = window.navigator;
  }
  if (nav != null) {
      var geoloc = nav.geolocation;
      if (geoloc != null) {
          geoloc.getCurrentPosition(successCallback);
      }
      else {
          alert("geolocation not supported");
      }
  }
  else {
      alert("Navigator not found");
  }
}

function successCallback(position)
{

</pre><pre name="code" class="javascript">}

先接入百度API 然后回调函数这样写:

function successCallback(position)
{
    setText(position.coords.latitude, "latitude");
    setText(position.coords.longitude, "longitude");
    var map = new BMap.Map("container");          // 创建地图实例  
    var point = new BMap.Point(position.coords.longitude, position.coords.latitude);  // 创建点坐标  
    map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别 
    map.addControl(new BMap.NavigationControl());   // 添加平移缩放控件 
    map.addControl(new BMap.ScaleControl());    // 添加比例尺控件
    map.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件

     var marker = new BMap.Marker(point);        // 创建标注    
     map.addOverlay(marker);                     // 将标注添加到地图中
}

百度坐标为何有偏移？

国际经纬度坐标标准为WGS-84,国内必须至少使用国测局制定的GCJ-02,对地理位置进行首次加密。百度坐标在此基础上，进行了BD-09二次加密措施,更加保护了个人隐私。百度对外接口的坐标系并不是GPS采集的真实经纬度，需要通过坐标转换接口进行转换。

如何从其他体系的坐标迁移到百度坐标？

开发者可以使用坐标转换接口进行转换。JavaScript API 、Android SDK、iOS SDK的开发用户可直接调用相应方法进行转换。

在用转换借口前一定一定要记得引用它转换用的JS文件

<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>

转换后的回调函数:

function successCallback(position)
{
    setText(position.coords.latitude, "latitude");
    setText(position.coords.longitude, "longitude");
    var map = new BMap.Map("container");          // 创建地图实例  
    var point = new BMap.Point(position.coords.longitude, position.coords.latitude);  // 创建点坐标  
    map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别 
    map.addControl(new BMap.NavigationControl());   // 添加平移缩放控件 
    map.addControl(new BMap.ScaleControl());    // 添加比例尺控件
    map.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件

    translateCallback = function(Point) {
        var marker = new BMap.Marker(Point); // 创建标注  
        map.addOverlay(marker); // 将标注添加到地图中
        map.setCenter(point);
    }
    BMap.Convertor.translate(point,0,translateCallback);     //真实经纬度转成百度坐标
}

通过window.navigator对象获取地理位置信息并在百度地图上显示

标签：百度地图   web应用   javascript   geolocation   地图   

原文地址：http://blog.csdn.net/huangxiongbiao/article/details/41967169