要使用JavaScript實現地圖定位功能,你可以使用Geolocation API。以下是一個簡單的例子:
首先,在HTML文件中添加一個按鈕和一個用于顯示位置的div元素:
```html
```
然后,在JavaScript中添加一個用于獲取位置的函數:
```javascript
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
alert("瀏覽器不支持地理位置定位。");
}
}
function showPosition(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var locationElement = document.getElementById("location");
locationElement.innerHTML = "緯度:" + latitude + "
經度:" + longitude;
}
```
當點擊按鈕時,`getLocation`函數會檢查瀏覽器是否支持地理位置定位。如果支持,則調用`getCurrentPosition`方法來獲取當前位置,并將結果傳遞給`showPosition`函數。最后,`showPosition`函數會將位置信息顯示在頁面上。
請注意,要使用該功能,用戶必須在瀏覽器中授權共享其位置信息。