Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > บทความจากสมาชิก > Android Map Activity การทำ Map Activity จากการทำ Workshop

Android Map Activity การทำ Map Activity จากการทำ Workshop

Android Map Activity การทำ Map Activity จากการทำ Workshop สำหรับเพื่อนๆทุกคน ที่กำลังจะทำ App Android ที่เกี่ยวกับ Location Base จะต้องมีการทำ Map Activity สิ่งที่ต้องมี ในการทำ Map Activity

New Android Project

ทำการ File > New > Android Project จะได้หน้าต่างแบบนี้ผมตั้งชื่อ Project name ว่า LearnGoogleMap

newandroidproject

Build Target
ตรงนี้สำคัญนะครับ เราต้องเลือกอันที่เป็น Google APIs นะครับ ไม่งั้นแผนที่ไม่ขึ้นไม่รู้นะ

builTarget

Properties

Android-properties

]

เสร็จแล้ว eclipse จะ gen ตัว ไฟล์ และ โฟวเดอร์ ต่างๆให้แบบนี้

Android-leanGoogelMap

ปรับ Permission ให้สามารถใช้เน็ตได้
การที่เราทำแอปมา แล้วจะให้แอปเราสามรถใช้ Internet ได้ต้อง Permission ที่ AndroidManifest.xml ให้สามารถใช้ Internet ได้ก่อน เปิด AndroidManifest.xml แล้วไปที่ Permission แบบนี้

Android-Permission

ทำการ Add

Android-add

เลือก user permission

Android-007

เลือก androd permission INTERNET แล้ว save

Android-008

คลิกที่ AndroidManifest.xml เพื่อดูโค้ด

Android-009

โค้ด AndroidManifest.xml
จะได้ บรรทัดนี้เพิ่มขึ้นมา

Android-010

เพิ่ม user library ของ google maps ด้วยบรรทัดนี้

Android-011

เปิด main.xml ออกมาครับ

Android-012

แก้ไขเป็นอย่างนี้ สำคัญตรง android:apiKey ไม่ต้องใช้เหมือนผมนะ ไม่งั้น google maps ของแอปคุณจะไม่ขึ้น ให้ใช้ค่า google maps API Key ที่คุณมี

Android-013

โค้ด MainActivity
เปิดไฟล์ LearnGoogleMap.java ออกมา

Android-014

แก้ Activity เป็น MapActivity
จะเกิด Error แบบนี้ไม่ต้องตกใจนะครับ

Android-015

Import MapActivity
เวลามี Error ที่ eclipse ให้คลิกที่ Error แล้ว eclipse จะเสนอแนวทางการแก้ไขให้ แบบในตัวอย่าง eclipse เสนอให้ Import MapActivity ดับเปิลคลิกไป

Android-016

Add unimplemented methods
สังเกตุว่าจะมีการ import com.google.android.maps.MapActivity มาให้ แต่ Error ยังไม่หมด eclipse ขอ Add unimplement methods ดับเปิลคลิกไปครับ

Android-017

เพิ่มโค้ดพวกนี้เข้าไป

Android-019

Attribute ต่างๆ

Android-020

กำหนด MapController ไปที่พิกัดที่กำหนด ด้วยคำสั่ง animationTo ไปที่ Latijute , Longtijute ที่กำหนด
ส่วน setZoom เป็นการกำหนด การซูมของแผนที่ โดยจะมีค่าตั่งแต่ 1 - 21 ครับ

Android-021

แล้วไปเอาค่า Latijute กับ Longtijute จากไหน ?
เปิด google map ออกมาแล้วคลิกขวาใน สถานที่ที่ต้องการรู้ Latijute , Longtijute เลือก What's this หรือ นี้คืออะไร
แต่ค่าที่ได้ต้องนำมาคุณ 1E6 ด้วยนะครับ

Android-022

ลองทดสอบบน AVD ครับ
สังเกตุว่าจะให้จุดศูนย์กลางของ พิกัดที่เรากำหนดมาที่ตรงกลาง และ ซูมตามค่าที่กำหนด

Android-023

แหล่งอ้างอิง
http://androidthai.in.th/

Reference : http://androidthai.in.th/


	By :	pun
	Article :	บทความเป็นการเขียนโดยสมาชิก หากมีปัญหาเรื่องลิขสิทธิ์ กรุณาแจ้งให้ทาง webmaster ทราบด้วยครับ
	Score Rating :
	Create Date :	2013-07-16
	Download :	No files

Sponsored Links

สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8

สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI

Free Tutorial

	สอน Google Maps Api
	สอน Windows Service
	สอน Entity Framework
	สอน Android
	สอน Java เขียน Java
	Java GUI Swing
	สอน JSP (Web App)
	iOS (iPhone,iPad)
	Windows Phone
	Windows Azure
	Windows Store
	Laravel Framework
	Yii PHP Framework
	สอน jQuery
	สอน jQuery กับ Ajax
	สอน PHP OOP (Vdo)
	Ajax Tutorials
	SQL Tutorials
	สอน SQL (Part 2)
	JavaScript Tutorial
	Javascript Tips
	VBScript Tutorial
	VBScript Validation
	Microsoft Access
	MySQL Tutorials
	-- Stored Procedure
	MariaDB Database
	SQL Server Tutorial
	SQL Server 2005
	SQL Server 2008
	SQL Server 2012
	-- Stored Procedure
	Oracle Database
	-- Stored Procedure
	SVN (Subversion)
	แนวทางการทำ SEO
	ปรับแต่งเว็บให้โหลดเร็ว