zoukankan      html  css  js  c++  java
  • HTML5地理定位,百度地图API,知识点熟悉

    推断浏览器的兼容问题:
    IE9+支持地理定位,FF Chrome新版支持地理定位
     if (navigator.geolocation) {
           alert('支持地理定位');
      } else {
            alert('不支持地理定位');
     }

    获取自己位置经纬度
    <script>
              var x=document.getElementById("wrap");
              function getLocation () {
                   if (navigator.geolocation) {
                        navigator.geolocation.getCurrentPosition(showPosition);
                   } else {
                        alert('不支持地理定位——HTML5自由者!');
                   }
              } getLocation();

              function showPosition(position) {
                   x.innerHTML ="纬度:"+position.coords.latitude + "<br />经度:"+position.coords.longitude;

              }
         </script>

    处理错误和拒绝
    getCurrentPosition(參数1,參数2); 方法的第二个參数用于处理错误。它规定当获取用户位置失败时执行的函数

    错误代码:

    • Permission denied - 用户不同意地理定位
    • Position unavailable - 无法获取当前位置
    • Timeout - 操作超时

    /*显示定位错误*/
              function showError(error) {
                   switch(error.code) {
                        case error.POSITION_UNAVAILABLE:
                             x.innerHTML="无法获取当前位置!

    "; break;
                        case error.PERMISSION_DENIED:
                             x.innerHTML="用户不同意地理定位!

    "; break;
                        case error.TIMEOUT:
                             x.innerHTML="操作超时!"; break;
                        case error.UNKNOWN_ERROR:
                             x.innerHTML="未知的错误!" ; break;
                   }
              }


    watchPosition 用法跟getCurrenPosition方法类似 。watchPosition返回用户的当前位置,假设用户移动则返回实时位置,就跟GPS一样。

    ① navigator.geolocation.watchPosition(showPosition);

    ② clearWatch() - 停止 watchPosition() 方法


    ❤ 百度地图API助手   http://developer.baidu.com/map/

     /*经纬度显示在地图上*/

         function showOnMap(position){
            var latlon=position.coords.latitude+","+position.coords.longitude;
            var img_url="http://maps.googleapis.com/maps/api/staticmap?

    center="

           +latlon+"&zoom=14&size=400x300&sensor=false";
           document.getElementById("mapholder").innerHTML="<img src='"+img_url+"' />";
          }

  • 相关阅读:
    HDU 1102 Constructing Roads
    HDU 1285 确定比赛名次。
    最小生成树 HDU 各种畅通工程的题,prim和kru的模板题
    HDU Jungle Roads 1301 最小生成树、
    并查集小结(转)
    HDU hdu 2094 产生冠军 拓扑排序 判定环
    模运算(转)
    拓扑排序(主要是确定环和加法) HDU 2647 Reward
    HDU 1372 Knight Moves 简单BFS
    用计算机模型浅析人与人之间沟通方式 (一)如何谈话
  • 原文地址:https://www.cnblogs.com/mengfanrong/p/5206423.html
Copyright © 2011-2022 走看看