Android - Google Map APIv3-地圖叫用與顯示

  • 6524
  • 0

摘要:Android - Google Map APIv3-地圖顯示與Marker

地圖叫用與顯示

1.新增HTML

Step.1

 

 

Step.2 選HTML File

 

Step.3

 

 

2.HTML檔 Google地圖設定

Script設定


 

body設定


<body onload="initialize();">
	<form id="form1" runat="server">
		<div id="NPUST_map" style="width: 350px; height: 500px;"></div>
	</form>
</body>

 

完成畫面

 

 

3.Layout新增WebView物件


  <WebView
        android:id="@+id/webview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

 

完成畫面

 

3.呼叫Google Map


import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;

public class MainActivity extends Activity {

	private static final String MAP_URL = "file:///android_asset/GoogleMAP.html";// 自建的html檔名
	private WebView webView;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		setupWebView();
	}

	private void setupWebView() {
		webView = (WebView) findViewById(R.id.webview);
		webView.getSettings().setJavaScriptEnabled(true);
		webView.loadUrl(MAP_URL);
	}

}

 

4.網路權限新增


<uses-permission android:name="android.permission.INTERNET"/>

完成畫面

 

 

完整程式碼 GoogleMAPv3.zip