在Web开发中，获取用户位置信息是很常见的需求。虽然可以使用Google Geolocation API来实现这个功能，但如果您希望避免依赖于第三方API或者需要更多的控制，那么使用jQuery/JS来获取用户位置可能是一个不错的选择。
HTML5 Geolocation API
在深入介绍如何使用jQuery/JS获取用户位置之前，我们先来看一下HTML5 Geolocation API。它是一种基于浏览器的API，可以通过JavaScript代码直接访问，以获取用户的位置信息。使用这个API的好处是，它不需要任何插件或第三方库，只需要浏览器支持即可。
以下是一个简单的示例代码：
-- -------------------- ---- ------- --------- ----- ------ ------ ------------- ----------- --------------- ------- ------ -------- -------- ------- ----- -------------------- --------- ---- ----------------------- - ---------------------------------------------------------- --- ---- - --------------------- -- --- --------- -- ---- ----------- --- ---------- ---------------------- - ------ -------- - ------------------------- ------ --------- - -------------------------- ------------------------------------------------ - ---------- - - -------- - --------------- - - ---------- --- ---------- ------- -------
当页面加载时，会调用getCurrentPosition()方法来获取当前位置，并将返回的位置信息传递给showPosition()函数。该函数将经度和纬度信息显示在页面上。
虽然HTML5 Geolocation API很方便，但它并不是所有浏览器都支持。如果您需要对更广泛的浏览器进行支持，或者您希望自己控制获取用户位置的方式，则可以使用下面讨论的jQuery/JS方法。
使用jQuery/JS获取用户位置
jQuery/JS获取用户位置的一种常见方法是利用IP地址。这种方法基本上是通过调用一个Web服务来获取用户的IP地址，然后再将该IP地址转换为经度和纬度坐标。
以下是一个示例代码：
-- -------------------- ---- ------- --------- ----- ------ ------ ----------- ---- ---------------- -------- ----------------------------------------------------------- ------- ------ -------- -------- ------- ----- -------------------- --------- ------------------------------------------------- -------------- - ------ -- - -------- ------------------------------------------ - --- ------------------ - ------- -------- - ------------------ ------- --------- - ------------------- ------------------------------------------------- - ---------- - - -------- - --------------- - - ---------- ------ ----- ---------- ------- -------
该代码使用了两个Web服务：ipify和FreeGeoIP。ipify服务用于获取用户的IP地址，FreeGeoIP服务则将该IP地址转换为经度和纬度坐标。这段代码将返回的位置信息显示在页面上。
虽然通过IP地址获取位置信息是一种可行的方法，但它并不是最准确的。因为它基本上只能确定用户的粗略位置，并且它也可能受到代理服务器等因素的影响。
更高级的方法
如果您需要更准确地获取用户位置，则可以使用一些更高级的方法。例如，您可以利用浏览器提供的API（如Geolocation API、W3C Geolocation API等），或者您可以调用第三方地图服务（如百度地图、高德地图等）来获取位置信息。
以下是一个示例代码，该代码使用了百度地图API来获取用户位置：
<!DOCTYPE html> <html > 来源：[JavaScript中文网](https://www.javascriptcn.com/post/30999) ，转载请注明来源 [https://www.javascriptcn.com/post/30999](https://www.javascriptcn.com/post/30999)