前端網頁介面設計 2024/3/1 作業

-

 











Comments

Post a Comment

Popular posts from this blog

Android-使用webview在V3版的Google地圖GPS定位

-
Image
目的：透過GPS或網路定位來決定裝置目前的位置 程式執行動態畫面錄影： https://www.youtube.com/watch?v=_Bw2YP39WOw 畫面中可看到經緯度的資料約每隔一秒更新一次。 測試時必須要用GPS的模擬器播放預存的GPS記錄檔(KML)來模擬實際GPS抓到定位的資料，如下畫面： 程式要能接收GPS或網路的定位資料必須實作LocationListener介面，其中有幾個介面方法可以用在實際上的程式撰寫，像是定位資料的變化的相關方法「public void onLocationChanged(Location location」，其他像是偵測GPS裝置是否啟動或不啟動的方法。 主程式： package wells.example.googlemapexample; import android.app.Activity; import android.content.Context; import android.location.Criteria; import android.location.Location; import android.location.LocationListener; import android.location.LocationManager; import android.os.Bundle; import android.view.View; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.Button; import android.widget.EditText; public class MainActivity extends Activity implements LocationListener {  private static final String MAP_URL = "file:///android_asset/googleMap.html";  private WebView webView;  private EditText Lat...
Read more

Android-使用webview顯示V3版的Google地圖

-
Image
目的：使用Google Map API v3載入Google地圖。 專案目錄結構如下： 在assets目錄下放置專案要載入的googleMap.html, 內容如下： <!DOCTYPE html > <html>   <head>     <meta charset =" utf -8">     <title>Google Maps JavaScript API v3 Example: Marker Animations</title>     <link href ="/maps/documentation/ javascript /examples/default.css" rel =" stylesheet ">     <script src ="https://maps.googleapis.com/maps/api/js?sensor=false"></script>     <script>         var m1 = new google.maps.LatLng(24.217712, 120.580806); //弘光科技大學，台中市中棲路34號       var map;       function initialize() {         var mapOptions = {           zoom: 15,           mapTypeId: google.maps.MapTypeId.ROADMAP,           center: m1     ...
Read more