【navigator.geolocation的手机脚本定位】

最新推荐文章于 2026-06-20 11:24:45 发布

原创

最新推荐文章于 2026-06-20 11:24:45 发布 · 2.9k 阅读

标签

#asp.net #c# #java #手机定位

收录于

navigator.geolocation 是 HTML5 提供的一个用于获取设备地理位置的 API。它可以通过浏览器获取用户的经纬度信息，适用于移动设备和桌面浏览器。以下是一个完整的示例，展示如何使用 navigator.geolocation 在手机浏览器中实现定位，并将位置信息发送到服务器端。

1. HTML + JavaScript 前端代码

以下代码通过 navigator.geolocation.getCurrentPosition 获取用户的经纬度，并将数据通过 AJAX 发送到服务器端。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Geolocation Example</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <h1>Geolocation Example</h1>
    <p>Click the button to get your location.</p>
    <button id="getLocationBtn">Get My Location</button>
    <p id<