Triển khai vị trí địa lý HTML5

Question

Tôi có danh sách các khu vực và kinh độ/kinh độ mà tôi yêu cầu người dùng chọn vị trí của họ khi họ truy cập trang web của tôi. Tôi muốn vị trí của họ được điền sẵn bằng cách sử dụng vị trí địa lý của HTML5 nếu có thể, nhưng tôi không chắc chắn cách tốt nhất để làm điều đó. Có vẻ như thiếu hướng dẫn trên web, ít nhất là từ những gì tôi có thể tìm thấy. Có ai đã làm điều này không? Bạn có biết một hướng dẫn/tài nguyên tốt không?

cập nhật

Nếu tôi có tọa độ của bó của các thành phố, làm thế nào tôi có thể sử dụng javascript để xác định vị trí gần nhất?

Answer 1

Có này hướng dẫn tuyệt vời tại nettuts, đây là liên kết http://mobile.tutsplus.com/tutorials/mobile-web-apps/html5-geolocation/

Answer 2

Hãy thử ví dụ này:

window.onload = function(){ 
    if(navigator.geolocation) 
     navigator.geolocation.getCurrentPosition(handleGetCurrentPosition, onError); 
} 

function handleGetCurrentPosition(location){ 

    location.coords.latitude; 
    location.coords.longitude; 
} 
function onError(){...} 

Tới đây cho một bản demo lớn hơn. http://od-eon.com/labs/geolocation/

Answer 3

Cũng có thể ném này vào vòng cũng như: Using the Geolocation API to find a users location on a Google map

Answer 4

function load_position() 
{ 
    if (navigator.geolocation) 
     { 
      navigator.geolocation.getCurrentPosition(showPosition); 
     } 
    else 
     { 
      l.innerHTML = "Geolocation is not supported by this browser."; 
     } 
} 
function showPosition(position) 
    { 
     l.innerHTML = "Longitude" + position.coords.latitude + " Longitude " + position.coords.longitude + "</td></tr>" ; 
    } 

Chỉ cần thực hiện cuộc gọi đến load_position() khi bạn muốn sử dụng tọa độ.

lưu ý: l là id của phần tử trong đó dữ liệu sẽ được đặt. Sửa đổi nó cho phù hợp với nhu cầu của bạn.