+地图定位

liuyg

2022-02-22 67541576f1f81576f2308899adcfe8c32333da2c

+地图定位

 leafletMapOur/grabOrdersMap/js/getPosition.js

@@ -122,68 +122,68 @@
        outit();
        //qq定位
        // var geolocation = new qq.maps.Geolocation("T7RBZ-62U3X-RSQ4P-ZZVCB-WE7JT-HRBOG", "mapqq");
        var options = {
            // timeout: 1000
        };
        // var options = {
        //     // timeout: 1000
        // };

        function showPosition(position) {
            console.log(position)
            let lat = position.lat; //
            let lng = position.lng; //火星坐标 //TODO 实现业务代码逻辑 
            that.onceNowPosition = [lng, lat];
            // console.log(that.onceNowPosition)
            that.state = false;
            ok = true;
            outit();
        }
        // function showPosition(position) {
        //     console.log(JSON.stringify(position))
        //     let lat = position.lat; //
        //     let lng = position.lng; //火星坐标 //TODO 实现业务代码逻辑 
        //     that.onceNowPosition = [lng, lat];
        //     // console.log(that.onceNowPosition)
        //     that.state = false;
        //     ok = true;
        //     outit();
        // }

        function showErr(data) {
            console.log(data)
            that.onceNowPosition = data;
            that.state = false;
            ok = true;
            outit();
        };
        that.geolocation.getLocation(showPosition, showErr, options);
        // function showErr(data) {
        //     console.log(data)
        //     that.onceNowPosition = data;
        //     that.state = false;
        //     ok = true;
        //     outit();
        // };
        // that.geolocation.getLocation(showPosition, showErr, options);
        // 高德定位
        // console.log(AMap)
        // AMap.plugin("AMap.Geolocation", function() {
        //     var geolocation = new AMap.Geolocation({
        //         // 是否使用高精度定位，默认：true
        //         enableHighAccuracy: true,
        //         // 设置定位超时时间，默认：无穷大
        //         timeout: 10000,
        //         // 定位按钮的停靠位置的偏移量，默认：Pixel(10, 20)
        //         // buttonOffset: new AMap.Pixel(10, 20),
        //         //  定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
        //         // zoomToAccuracy: true,
        //         //  定位按钮的排放位置,  RB表示右下
        //         // buttonPosition: "RB",
        //     });
        //     geolocation.getCurrentPosition();
        //     AMap.event.addListener(geolocation, "complete", onComplete);
        //     AMap.event.addListener(geolocation, "error", onError);
        AMap.plugin("AMap.Geolocation", function() {
            var geolocation = new AMap.Geolocation({
                // 是否使用高精度定位，默认：true
                enableHighAccuracy: true,
                // 设置定位超时时间，默认：无穷大
                // timeout: 10000,
                // 定位按钮的停靠位置的偏移量，默认：Pixel(10, 20)
                // buttonOffset: new AMap.Pixel(10, 20),
                //  定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
                // zoomToAccuracy: true,
                //  定位按钮的排放位置,  RB表示右下
                // buttonPosition: "RB",
            });
            geolocation.getCurrentPosition();
            AMap.event.addListener(geolocation, "complete", onComplete);
            AMap.event.addListener(geolocation, "error", onError);

        //     function onComplete(data) {
        //         // data是具体的定位信息
        //         console.log(data);
        //         var lat = data.position.lat;
        //         var lon = data.position.lng;
        //         that.onceNowPosition = [lat, lon];
        //         that.state = false;
        //         ok = true;
        //         outit();
        //     }
            function onComplete(data) {
                // data是具体的定位信息
                console.log(JSON.stringify(data));
                var lat = data.position.lat;
                var lon = data.position.lng;
                that.onceNowPosition = [lat, lon];
                that.state = false;
                ok = true;
                outit();
            }

        //     function onError(data) {
        //         // 定位出错
        //         console.log(data);
        //         that.onceNowPosition = data.message;
        //         that.state = false;
        //         ok = false;
        //         outit();
        //     }
        // });
            function onError(data) {
                // 定位出错
                console.log(JSON.stringify(data));
                that.onceNowPosition = data.message;
                that.state = false;
                ok = false;
                outit();
            }
        });
        // return
        // let success = function(position) {
        //     // console.log(position);

 leafletMapOur/grabOrdersMap/xcxmap.html

@@ -17,6 +17,9 @@
        <link rel="stylesheet" href="./lid/MarkerCluster.css" />
        <link rel="stylesheet" href="./lid/MarkerCluster.Default.css" />
        <script src="./lid/leaflet.markercluster-src.js"></script>
		
         <!-- 高德定位 -->
          <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=4b3e1db3211054ce5b466407cbb9d221">
 
        <!-- layui支持 -->
        <!-- <link rel="stylesheet" href="../map/lib/layui/css/layui.css" media="all"> -->
@@ -58,6 +61,7 @@
        <!-- 高德地图路线规划 -->
        <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=4b3e1db3211054ce5b466407cbb9d221">
        </script>
		
        <!-- myDomMove -->
        <script src="./js/getPosition.js"></script>
    </head>