天天看點

html5指南 -- 7.geolocation結合google maps一例

  調用google maps,實作需要添加js引用<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>,其中sensor參數的具體含義:

  要使用 Google Maps API,您需要指明自己的應用程式在任何 Maps API 庫或服務請求中是否是使用傳感器(如 GPS 定位器)來确定使用者所處位置的。這對移動裝置尤為重要。如果您的 Google Maps API 應用程式使用任何形式的傳感器确定通路您的應用程式的裝置的位置,那麼您必須通過将 <code>sensor</code> 參數值設定為 <code>true</code> 以聲明這一點。

  html部分比較簡單,隻需要準備一個div就可:

  js代碼的架構如下:

  InitMap方法就是調用google maps api初始化地圖,他需要設定options對象,在調用地圖初始化的時候使用。

  getLocation和watchLocation方法擷取定位資訊。

  成功擷取位置資訊後,調用plotLocation方法把位置顯示在google maps上。

<a href="http://www.vancl.com/?source=kbh1983&amp;sourcesuninfo=ad-3090-1-52-0-1" target="_blank"></a>

繼續閱讀