无涯教程-HTML5 - getCurrentPosition()函数

53 阅读1分钟

getCurrentPosition方法检索设备的当前地理位置。该位置表示为一组地理坐标以及有关航向和速度的信息。

getCurrentPosition() - 语法

这是此方法的语法-

getCurrentPosition(showLocation, ErrorHandler, options);

这是参数的详细信息-

  • showLocation   -  这指定了检索位置信息的回调方法。该方法与与 Position 对象相对应的对象异步调用,该对象存储返回的位置信息。

  • ErrorHandler   -  此可选参数指定在处理异步调用时发生错误时调用的回调方法。该方法由 PositionError 对象调用,该对象存储返回的错误信息。

  • options              -  此可选参数指定一组用于检索位置信息的选项。

getCurrentPosition() - 返回值

getCurrentPosition方法不返回值。

<!DOCTYPE HTML>

<html> <head>

  </span><span class="tag">&lt;script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">&gt;</span><span class="pln">
	
     </span><span class="kwd">function</span><span class="pln"> showLocation</span><span class="pun">(</span><span class="pln">position</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
        </span><span class="kwd">var</span><span class="pln"> latitude</span><span class="pun">=</span><span class="pln">position</span><span class="pun">.</span><span class="pln">coords</span><span class="pun">.</span><span class="pln">latitude</span><span class="pun">;</span><span class="pln">
        </span><span class="kwd">var</span><span class="pln"> longitude</span><span class="pun">=</span><span class="pln">position</span><span class="pun">.</span><span class="pln">coords</span><span class="pun">.</span><span class="pln">longitude</span><span class="pun">;</span><span class="pln">
        alert</span><span class="pun">(</span><span class="str">"Latitude : "</span><span class="pln"> </span><span class="pun">+</span><span class="pln"> latitude </span><span class="pun">+</span><span class="pln"> </span><span class="str">" Longitude: "</span><span class="pln"> </span><span class="pun">+</span><span class="pln"> longitude</span><span class="pun">);</span><span class="pln">
     </span><span class="pun">}</span><span class="pln">

     </span><span class="kwd">function</span><span class="pln"> errorHandler</span><span class="pun">(</span><span class="pln">err</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
        </span><span class="kwd">if</span><span class="pun">(</span><span class="pln">err</span><span class="pun">.</span><span class="pln">code </span><span class="pun">==</span><span class="pln"> </span><span class="lit">1</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
           alert</span><span class="pun">(</span><span class="str">"Error: Access is denied!"</span><span class="pun">);</span><span class="pln">
        </span><span class="pun">}</span><span class="pln"> </span><span class="kwd">else</span><span class="pln"> </span><span class="kwd">if</span><span class="pun">(</span><span class="pln"> err</span><span class="pun">.</span><span class="pln">code </span><span class="pun">==</span><span class="pln"> </span><span class="lit">2</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
           alert</span><span class="pun">(</span><span class="str">"Error: Position is unavailable!"</span><span class="pun">);</span><span class="pln">
        </span><span class="pun">}</span><span class="pln">
     </span><span class="pun">}</span><span class="pln">
		
     </span><span class="kwd">function</span><span class="pln"> getLocation</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">

        </span><span class="kwd">if</span><span class="pun">(</span><span class="pln">navigator</span><span class="pun">.</span><span class="pln">geolocation</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
           
           </span><span class="com">//timeout at 60000 milliseconds (60 seconds)</span><span class="pln">
           </span><span class="kwd">var</span><span class="pln"> options</span><span class="pun">={</span><span class="pln">timeout</span><span class="pun">:</span><span class="lit">60000</span><span class="pun">};</span><span class="pln">
           navigator</span><span class="pun">.</span><span class="pln">geolocation</span><span class="pun">.</span><span class="pln">getCurrentPosition</span><span class="pun">(</span><span class="pln">showLocation</span><span class="pun">,</span><span class="pln"> errorHandler</span><span class="pun">,</span><span class="pln"> options</span><span class="pun">);</span><span class="pln">
        </span><span class="pun">}</span><span class="pln"> </span><span class="kwd">else</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
           alert</span><span class="pun">(</span><span class="str">"Sorry, browser does not support geolocation!"</span><span class="pun">);</span><span class="pln">
        </span><span class="pun">}</span><span class="pln">
     </span><span class="pun">}</span><span class="pln">
		
  </span><span class="tag">&lt;/script&gt;</span><span class="pln">

</head> <body>

  </span><span class="tag">&lt;form&gt;</span><span class="pln">
     </span><span class="tag">&lt;input</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"button"</span><span class="pln"> </span><span class="atn">onclick</span><span class="pun">=</span><span class="atv">"</span><span class="pln">getLocation</span><span class="pun">();</span><span class="atv">"</span><span class="pln"> </span><span class="atn">value</span><span class="pun">=</span><span class="atv">"Get Location"</span><span class="tag">/&gt;</span><span class="pln">
  </span><span class="tag">&lt;/form&gt;</span><span class="pln">
  

</body> </html>

参考链接

www.learnfk.com/html5/geolo…