zoukankan      html  css  js  c++  java
  • js 获取定位信息

    1、百度账号 申请一个key http://developer.baidu.com/map/index.php?title=lbscloud

    2、开发下面demo代码

    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
    *{
        height: 100%; //设置高度,不然会显示不出来
    }
    </style>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=90E862eb7c58c23ef065bbb74cbd1c9a"></script>
    <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
    <script>
    $(function(){
    navigator.geolocation.getCurrentPosition(translatePoint); //定位
    });
    function translatePoint(position){
        var currentLat = position.coords.latitude;
        var currentLon = position.coords.longitude;
        var gpsPoint = new BMap.Point(currentLon, currentLat);
        BMap.Convertor.translate(gpsPoint, 0, initMap); //转换坐标
    }
    function initMap(point){
        //初始化地图
        map = new BMap.Map("map");
        map.addControl(new BMap.NavigationControl());
        map.addControl(new BMap.ScaleControl());
        map.addControl(new BMap.OverviewMapControl());
        map.centerAndZoom(point, 15);
        map.addOverlay(new BMap.Marker(point))
    }
    </script>
    </head>
    <body>
    <div id="map"></div>
    </body>
    </html>

    h5特性的高级浏览器支持

  • 相关阅读:
    前端基础之html
    前端基础之css
    python模块之pyMySql
    MySQL基础命令
    python 异常处理、进程
    python第三方模块之paramiko模块
    python之socket网络编程
    centos65安装docker遇到的问题
    在Mac和win7上分别安装了docker后,发现原来的vagrant都启动不了了
    应用升级提示页面
  • 原文地址:https://www.cnblogs.com/echosong/p/4863408.html
Copyright © 2011-2022 走看看