• H5高德地图获取当前位置


    H5高德地图获取当前位置

    <!doctype html>
    <html>
    
        <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
            <title>浏览器定位</title>
            <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css" />
            <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.4&key=ad26780bfaabf0ca27ae6078e2e81682"></script>
            <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
    
            <body>
                
                <div id='container'></div>
    
                <div id="tip"></div>
                <script type="text/javascript">
                    /***************************************
                        由于Chrome、IOS10等已不再支持非安全域的浏览器定位请求,为保证定位成功率和精度,请尽快升级您的站点到HTTPS。
                        ***************************************/
                    var map, geolocation;
                    //加载地图,调用浏览器定位服务
                    map = new AMap.Map('container', {
                        resizeEnable: true
                    });
                    map.plugin('AMap.Geolocation', function() {
                        geolocation = new AMap.Geolocation({
                            enableHighAccuracy: true, //是否使用高精度定位,默认:true
                            timeout: 10000, //超过10秒后停止定位,默认:无穷大
                            buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
                            zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
                            buttonPosition: 'RB'
                        });
                        map.addControl(geolocation);
                        geolocation.getCurrentPosition();
                        AMap.event.addListener(geolocation, 'complete', onComplete); //返回定位信息
                        AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息
                    });
                    //解析定位结果
                    function onComplete(data) {
                        var str = [];
                        str.push(data.position.getLat());
                        str.push(data.position.getLng());
                        document.getElementById('tip').innerHTML = str;
    
                    }
    
                    //解析定位错误信息
                    function onError(data) {
                        document.getElementById('tip').innerHTML = '定位失败';
                    }
                </script>
            </body>
    
    </html>

    H5引用高德地图获取当前位置的经纬度的方法:

  • 相关阅读:
    pytest05-参数化
    pytest04-conftest配置文件
    pytest03-fixture
    pytest02-setup和teardown
    SimpleDateFormat 是线程不安全的类,一般不要定义为 static 变量,如果定义为 static ,必须加锁,或者使用 DateUtils 工具类
    线程池不使用 Executors 去创建,而是通过 ThreadPoolExecutor 的方式
    线程资源最好通过线程池提供
    获取单例对象需要保证线程安全,其中的方法也要保证线程安全
    高度注意 Map 类集合 K / V 能不能存储 null 值的情况,如下表格
    使用 entrySet 遍历 Map 类集合 KV ,而不是 keySet 方式进行遍历的好处
  • 原文地址:https://www.cnblogs.com/lipengze/p/11426074.html
Copyright © 2020-2023  润新知