지도 캔버스에서 사용자의 입력으로 geolocation 가져 오기

Question

Geolocation 기반 앱을 제작하려고합니다. 이러한 앱의 사전 요구 사항은 사용자의 정확한 위치 정보를 얻는 것입니다. HTML5를 사용하면 다음과 같이 수행 할 수 있습니다.

if (navigator.geolocation) { 
      var timeoutVal = 10 * 1000 * 1000; 
      navigator.geolocation.getCurrentPosition(
       displayPosition, 
       displayError, 
       { enableHighAccuracy: true, timeout: timeoutVal, maximumAge: 0 } 
     ); 
     } 

그러나 브라우저에 IP 주소 만있는 경우 매우 부정확합니다. This article도 마찬가지입니다. 이 경우 정확성을 위해 사용자가지도 인터페이스를 통해 위치를 찾길 원합니다.

1. 사용자에게 Google지도 인스턴스를 표시합니다.

2. 마커를 현재 위치에 추가하도록 요청합니다.

3. 완료되면 서버에 게시물 요청을 보냅니다.

나는 jquery ui maps하지만 구글지도 캔버스에 사용자로부터 입력을하는 방법을 지정하지 않은 하나의 라이브러리를 발견했다. 누군가가 Google지도 캔버스에서 사용자로부터 의견을 받도록 나를 도울 수 있습니까 ??

Answer 1

jquery 맵을 사용하려면 this example을보고 findLocation 함수를 코드로 대체하여 지리 좌표를 저장하십시오.