首页 / HTML / HTML5 获取用户坐标方法

HTML5 获取用户坐标方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML5 获取用户坐标方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2063字，纯文字阅读大概需要3分钟。

内容图文

             1
            function GetLocation() {

             2
            if
             (navigator.geolocation) {

             3
            var locationOptions = {
 4//是否使用高精度设备，如GPS。默认是true 5                     enableHighAccuracy: true,
 6//超时时间，单位毫秒，默认为0 7                     timeout: 5000,
 8//使用设置时间内的缓存数据，单位毫秒
 9//默认为0，即始终请求新数据
10//如设为Infinity，则始终使用缓存数据11                     maximumAge: 012                };
13//只执行一次14                navigator.geolocation.getCurrentPosition(locationSuccess, locationError, locationOptions);
1516//只要设备位置发生变化，就会执行
17//watcherID = navigator.geolocation.watchPosition(locationSuccess, locationError, locationOptions);
1819//用于终止watchPosition方法
20//navigator.geolocation.clearWatch(watcher_id);21             } else {
22                 $.jBox.info("Your browser does not support Geolocation!");
23            }
24        }
2526function locationError(error) {
27switch (error.code) {
28case error.TIMEOUT:
29                     $.jBox.info("A timeout occured! Please try again!");
30break;
31case error.POSITION_UNAVAILABLE:
32                     $.jBox.info(‘We can\‘t detect your location. Sorry!‘);
33break;
34case error.PERMISSION_DENIED:
35                     $.jBox.info(‘Please allow geolocation access for this to work.‘);
36break;
37case error.UNKNOWN_ERROR:
38                     $.jBox.info(‘An unknown error occured!‘);
39break;
40            }
41        }
4243function locationSuccess(position) {
44var coords = position.coords;
45//coords.latitude;
46//coords.longitude;47         }

反向地址解析

 

             1
            var geoCoder = new google.maps.Geocoder();
 2 3var point = new google.maps.LatLng(lat, lng);
 4 5 geoCoder.geocode({ ‘latLng‘: point }, function (results, state) {
 6if (state = google.maps.GeocoderStatus.OK) {
 7if (results[0]) {
 8var point = results[0].geometry.location;
 9var myDirection = results[0].formatted_address;
1011                         myMarker = new google.maps.Marker({
12                            position: point,
13                            map: map,
14                             title: "You Are Here"15                        });
1617var infowindow = new google.maps.InfoWindow({
18                            content: myDirection
19                        });
2021              google.maps.event.addListener(myMarker, ‘click‘, function() {
22                        infowindow.open(map, myMarker);
23            });
24                    }
25                }
26            });
2728             google.maps.event.addListener(map, "rightclick", function(event) {
29var lat = event.latLng.lat();
30var lng = event.latLng.lng();
31             });

 

原文：http://www.cnblogs.com/TandyChan/p/4919740.html

内容总结

以上是互联网集市为您收集整理的HTML5 获取用户坐标方法全部内容，希望文章能够帮你解决HTML5 获取用户坐标方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1309637.html

来源：【匿名】