HTML5的地理定位功能是其新增的一项重要特性，允许网页应用程序获取用户设备的地理位置信息，以便提供基于位置的服务（LBS）。这一特性依赖于Geolocation API，它可以在用户许可的情况下，提供经度、纬度、海拔高度、速度等地理位置数据。
在移动端，地理定位主要通过GPS、Wi-Fi信号或者手机基站进行定位，而PC端则通常依赖于用户的IP地址来推测大致位置，由于这些方法的精度不同，移动设备通常能提供更精确的位置信息。
HTML5中的Geolocation API提供了三个主要方法：
1. `getCurrentPosition(fnSuccess, fnError, options)`：这个方法用来获取当前的地理位置信息。它接受两个回调函数，一个是当定位成功时调用的`fnSuccess`，另一个是当定位失败时调用的`fnError`。`options`参数可以设置定位选项，比如最大等待时间、定位精度等。
2. `watchPosition(fnSuccess, fnError, options)`：这个方法持续监控位置变化，每当位置更新时，就会调用`fnSuccess`回调函数，同时也可以提供`fnError`处理错误。它返回一个watch ID，可以通过`clearWatch(watchID)`停止监控。
3. `clearWatch(watchID)`：用于停止之前通过`watchPosition`设置的位置监控。
在实际应用中，我们可以像示例代码那样，通过监听按钮点击事件来调用`navigator.geolocation.getCurrentPosition`获取定位信息。在成功回调函数中，可以打印出经度、纬度等信息；而在失败回调函数中，可以处理定位失败的情况，例如展示错误信息。
然而，由于HTML5内置的地理定位功能可能存在性能问题，以及在中国大陆地区Google服务的限制，开发者往往倾向于使用第三方地图服务，如百度地图API。百度地图API不仅提供了基本的定位功能，还包括路线规划、地图展示、POI搜索等丰富的服务，且在本地化和定位精度上更有优势。
使用百度地图API，开发者需要在百度地图开放平台注册并获取API密钥，然后在网页中引入百度地图的JavaScript库。通过调用API提供的接口，可以轻松实现如获取用户位置、显示地图、标注点等功能。例如：
```javascript
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(longitude, latitude), 15);
```
这段代码会在id为"container"的元素中创建一个地图，并以指定的经纬度为中心进行显示。
HTML5的地理定位特性为Web应用提供了基础的定位能力，但结合第三方工具如百度地图API，可以实现更强大、更实用的地理位置服务，为用户带来更好的体验。开发者在实际项目中应根据需求和实际情况选择合适的定位方案。
