• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!--/*
2* Copyright (c) 2025 Huawei Device Co., Ltd.
3* Licensed under the Apache License, Version 2.0 (the "License");
4* you may not use this file except in compliance with the License.
5* You may obtain a copy of the License at
6*
7*     http://www.apache.org/licenses/LICENSE-2.0
8*
9* Unless required by applicable law or agreed to in writing, software
10* distributed under the License is distributed on an "AS IS" BASIS,
11* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12* See the License for the specific language governing permissions and
13* limitations under the License.
14*/-->
15
16<!DOCTYPE html>
17<html>
18<body>
19<p id='locationInfo'>位置信息</p>
20<button onclick='getLocation()'>获取位置</button>
21<script>
22    let locationInfo=document.getElementById('locationInfo');
23    function getLocation() {
24      if (navigator.geolocation) {
25        <!-- 前端页面访问设备地理位置 -->
26        navigator.geolocation.getCurrentPosition(showPosition);
27      }
28    }
29    function showPosition(position) {
30      locationInfo.innerHTML='Latitude: ' + position.coords.latitude + '<br />Longitude: ' + position.coords.longitude;
31    }
32</script>
33</body>
34</html>
35