Ví dụ hiển thị ảnh kết quả định vị trên bản đồ

Code:

<!DOCTYPE html>
<html>
<body>

function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition, showError);
} else {
x.innerHTML = "Trình duyệt của bạn không hỗ trợ Geolocation.";
}
}

function showPosition(position) {
var latlon = position.coords.latitude + "," + position.coords.longitude;

var img_url = "http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML = "<img src='"+img_url+"'>";
}

function showError(error) {
switch(error.code) {
case error.PERMISSION_DENIED:
x.innerHTML = "Người dùng từ chối cấp quyền định vị."
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML = "Không có thông tin vị trí."
break;
case error.TIMEOUT:
x.innerHTML = "Hết thời gian gửi yêu cầu định vị."
break;
case error.UNKNOWN_ERROR:
x.innerHTML = "Lỗi chưa xác định."
break;
}
}
</script>

</body>
</html>

Kết quả:

WebVN Cộng đồng web Việt Nam

Ví dụ hiển thị ảnh kết quả định vị trên bản đồ

Leave a Reply Cancel reply