|
|
@@ -0,0 +1,38 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<p id="test"></p>
|
|
|
+</body>
|
|
|
+<script src="https://api.map.baidu.com/api?v=2.0&ak=WMYeXwq7z0VcaiUXTuYTGPZsm8Selmfd" type="text/javascript"></script>
|
|
|
+<script>
|
|
|
+ function getLocation() {
|
|
|
+ if (navigator.geolocation) {
|
|
|
+ navigator.geolocation.getCurrentPosition(showPosition, showError);
|
|
|
+ } else {
|
|
|
+ console.log("该浏览器不支持获取地理位置。");
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function showPosition(position) {
|
|
|
+ console.log(position.coords.longitude);
|
|
|
+ console.log(position.coords.latitude);
|
|
|
+ var point = new BMap.Point(position.coords.longitude, position.coords.latitude);
|
|
|
+ var myGeo = new BMap.Geocoder();
|
|
|
+ myGeo.getLocation(point, function (result) {
|
|
|
+ alert(result.addressComponents.province + ' ' + result.addressComponents.city);
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ function showError(error) {
|
|
|
+ console.log(error);
|
|
|
+ }
|
|
|
+
|
|
|
+ getLocation();
|
|
|
+</script>
|
|
|
+</html>
|
