[Android Dev] สร้างแผนที่โดยใช้ MapView with Google Maps API

ค่อนข้างจะยุ่งยากมากๆ เลยทีเดียวนะครับ สำหรับการใช้ MapView บน Android เนี่ย
เพราะว่า ในตัว Android SDK ไม่มี MapView ให้ใช้ตรงๆ ครับ
เราต้องไปใช้ผ่าน Google Maps API อีกที ...

โดยขั้นแรกต้องทำการติดตั้ง Google API for Android ซะก่อน
ให้เข้าไปที่ Android SDK Manager ครับ ถ้าเป็นเวอร์ชั่นต่ำกว่า 12.0 จะอยู่ใน Third-Party นะครับ
แต่ควรจะอัพเป็น 14.0 มันจะอยู่ตรงนี้ครับ

ตรง Google APIs by Google inc. นะครับ ในนี้จะมี Maps ให้เราใช้งานอยู่ด้วย

ตอนที่สร้าง Project ใหม่ก็ต้องเลือกเป็น Google APIs Project ด้วยนะครับ


จากนั้นให้เปิดไฟล์ AndroidManifest.xml ขึ้นมาครับ
เพิ่มส่วนนี้เข้าไปที่ Tag ของ <application> เพื่อระบุว่าเราใช้ Maps Library จาก Google


และนี่เข้าไปที่ส่วนของ <manifest> เพราะเราต้องใช้ Internet ด้วยครับ


ก็จะได้ประมาณนี้นะครับ (อย่าใส่ผิดที่นะ)


จากนั้นเปิด main.xml (User Interface File) ขึ้นมาแล้วเขียนตามนี้เลยนะครับ

ก็ไม่มีอะไร นอกจาก วาง MapView ไว้เต็มหน้าจอเลย ...
แต่มันจะมี Attributed พิเศษอยู่ 2 อันคือ
    - clickable เลือก true ถ้าอยากให้ผู้ใช้มีการกระทำอะไรต่อ Maps ของเรา หรือ false ถ้าจะโชว์เฉยๆ
    - apiKey อันนี้เราต้องไปสมัครขอใช้ Google Maps API ถึงจะได้มาครับ

พักโค้ดตรงนี้หน่อยนะครับ
อย่างที่บอกว่าเราไม่มี apiKey ฉะนั้นก็ต้องไปหามาก่อน
โดยให้เข้าไปที่นี่ --> http://code.google.com/android/maps-api-signup.html
ซึ่งในนั้นจะมีบอกว่าเราจะ Sign Up เพื่อได้มาซึ่ง apiKey อย่างไรนะครับ
แต่ผมเองใช้ Mac OS X จะขอเสนอในส่วนนี้แล้วกันครับ (Linux ก็ใช้ได้เหมือนกันนะครับ)

เปิด Terminal ขึ้นมา แล้วพิมพ์ตามนี้ครับ

มันจะให้เราใส่ Keystore Password ให้พิมพ์ว่า android ครับ
[เวลาพิมพ์มันจะไม่ขึ้นนะครับ พิมพ์เสร็จกด Enter]
ก็จะได้หน้าต่างแบบนี้ พร้อมได้ Certificate fingerprint (MD5) มาด้วย [แต่ละเครื่องไม่เหมือนกัน]

ให้เรานำ Certificate fingerprint (MD5) ไปใส่ในเว็บเมื่อสักครู่ครับ 


เราก็จะได้ API Key มาใช้งานสำหรับ Android Apps ของเราแล้วครับ

ต่อไปมาเริ่ม Coding กันเลยครับ 


import สิ่งที่ต้องใช่งานเข้ามา 
จากนั้นให้ Class ของเรา extends MapAcitvity (เดิมๆ เรา extends Activity)


ถ้าใช้ Eclipse เนี่ยมันจะฟ้องว่า เรายัง Implement method ไม่ครบ ให้เราเพิ่มนี่เข้าไปครับ
ตอนนี้เราก็สามารถรันได้แล้วนะครับ แผนที่ขึ้นแล้ว แต่ว่าเราจะยัง Pan หรือ Zoom ไม่ได้


โค้ดนี้จะช่วยให้มีเครื่องมือที่ใช้ในการ Zoom ขึ้นมา 
แค่นี้แหละครับ จริงๆ มันยุ่งยากแค่ตอน Set Up เท่านั้นแหละ



ผมขอจบ Blog นี้ไว้ตรงนี้ก่อนนะครับ... เพื่อที่มันจะได้ไม่ยาวจนเกินไป ... 
เดี๋ยว Blog หน้าเราจะมา Mark จุดที่เราต้องการตามพิกัดกันนะครับ 

Comments

  1. ดอนDecember 4, 2011 at 2:46 PM

    อยากทราบว่า ถ้าต้องการให้มันแสดงค่าที่เราอยุ่ปัจจุบัน เราต้องทำอย่างไรครับ รบกวนแนะนำหน่อยนะครับ ขอบคุงมากครับ

    ReplyDelete
  2. UnknownDecember 5, 2011 at 12:25 AM

    ศึกษา LocationManager กับ LocationListener ครับ
    ผมก็ได้รับคำแนะนำมาอีกที ว่าต้องเล่นพวกนี้ แต่ส่วนตัวยังไม่เคยลองใช้ครับ
    ยังไม่มีเวลา ลองเล่น ^++++^

    ReplyDelete
  3. NiileZiiaJanuary 8, 2012 at 11:29 PM

    ขอบคุณครับ

    ReplyDelete
  4. UnknownNovember 17, 2012 at 4:41 AM

    อยากทราบ code ที่ใช้ ค้นหาเส้นทางจากตำแหน่งปัจจุบันไปยังปลายทาง อ่ะครับ รบกวนชี้แนะด้วยนะครับ ^^

    ReplyDelete
  5. UnknownJanuary 17, 2013 at 4:31 PM

    อยากทราบว่า จะหา MD5 ได้ยังไงคับ ของผมมันขึ้น Certificate fingerprint (SHA1): FA:12:2E:EC:C7:CB:89:E1:80:D4:85:02:91:E7:53:D7:CE:9F:E4:92 ต้องทำยังไงคับ ?

    ReplyDelete

Post a Comment

Popular posts from this blog

12 วิธี การบริการและดูแลลูกค้าในร้าน Starbucks

Image
ใครหลายคนมักตั้งคำถามว่า "จะดื่มกาแฟแก้วละเกือบ 200 ไปทำไม ดื่มแล้วได้อะไร?" ผมพบเจอบทความหนึ่งจาก Internet เกี่ยวกับอีกสิ่งสำคัญของ Starbucks นอกจากกาแฟ นั่นคือ ระบบการบริการลูกค้า (Customer Service) ที่เป็นหัวใจที่สำคัญยิ่งของกาแฟแบรนด์ดังที่ชื่อว่า Starbucks จากวิสัยทัศน์ของผู้บริหารกาแฟ Starbucks ที่มุ่งเน้นไปที่การบริการลูกค้าให้ดีที่สุด ซึึ่งมาจากพนักงานที่ยอดเยี่ยมที่สุดจากทาง Starbucks และมีความเชื่อมั่นและให้ความใส่ใจกันองค์กรเป็นอย่างยิ่ง ซึ่งสำหรับผู้ที่ดื่มกาแฟ Starbucks เป็นปกติอยู่แล้วก็จะได้รับการบริการด้วยไมตรีจิตที่ดีจากพนักงานหรือเรียกอีกอย่างว่า “partners” ที่แฝงไว้ซึ่งคุณภาพภายใต้การสวมใส่ผ้ากันเปื้อนสีเขียว เราจะมาดูกันครับว่า 12 วิธีการบริการลูกค้าร้านกาแฟที่เป็นหัวใจที่สำคัญของทาง Starbucks นั้นมีอะไรบ้าง 1. สอบถามความต้องการลูกค้าเพื่อช่วยตัดสินใจ การเริ่มต้นด้วยคำถามที่เป็นการช่วยลูกค้าตัดสินใจ เมื่อลูกค้าเข้าร้านมา อย่างเช่น “สวัสดีค่ะ คุณจะรับชาหรือกาแฟดีคะ”, “ไม่ทราบว่าคุณจะรับเป็นเครื่องดื่มร้อนหรือว่าเย็นดีคะ” หรือ อาจจะเป็นคำถ...
Read more

[Android Dev] การติดตั้ง Eclipse+AndroidSDK เพื่อพัฒนาโปรแกรมบน Android

Image
สุดท้ายก็ต้องมาเขียนจนได้ ฮาฮา... ถือว่าเขียนเก็บไว้ให้ตัวเองในอนาคตด้วย เผื่อต้องลง Mac ใหม่ ฮาฮา ถ้าใครต้องการเขียน Android โดยเฉพาะ มีวิธีสบายๆ กว่านั้น ตอนนี้ Google จัดทำ Developer Tools Bundle มาให้แล้วนะครับ อ่านได้ที่นี่เลย -->   http://www.macbaszii.com/2012/11/android-dev-android-developer-tools.html จะเขียนแบบ Step by Step นะครับ Step 1 :: Download and Install Eclipse Editor http://www.eclipse.org/downloads/ ผมแนะนำให้คนที่ใช้ Indigo อยู่เปลี่ยนไปใช้ Juno นะครับ ซึ่งตอนนี้ในหน้า Download Page ที่ผมให้ไว้มัน Default ไว้เป็น Eclipse Juno 4.2 แล้วล่ะครับ เข้าที่นี่นะครับ แล้วโหลด  Eclipse IDE for Java Developers เลือกระบบปฏิบัติการของตัวเองที่ด้านขวาบนด้วยนะครับ 32 หรือ 64 bit ก็แล้วแต่ระบบของคุณ แล้วก็ทำการติดตั้งลงบนเครื่องให้เรียบร้อย การติดตั้งที่ผมว่าเนี่ย รู้สึกว่าแค่แตกไฟล์ไปที่ C:/ ก็พอแล้วล่ะครับ (สำหรับ Windows)  ส่วนฝั่ง Mac เอาไปไว้ตรงไหนก็ได้ครับ Step 2 :: Download and Install Android SDK  ให้กดเข...
Read more

Command Line Compiling C/C++ ,Java [Windows, Mac]

Image
ผมเขียน Blog นี้เพราะน้องในคณะให้มาสอนเรื่อง Command Line Argument  และผมทำกับ Editor สำเร็จรูปพวกนั้นไม่เป็น ก็ Command Line Argument นี่นา ก็ต้องใส่ผ่าน Command Line สิ มันถึงจะ make sense ขอพูดถึงฝั่ง Mac ก่อนนะครับ เพราะมันง่ายกว่า... ทางฝั่ง Mac นั้น เพียงลง Xcode [Developer Tools] ก็เพียงพอแล้ว  สามารถโหลดได้ฟรีจาก Mac App Store ณ ปัจจุบันเป็นเวอร์ชั่น 4.2 จากนั้นให้เปิด Terminal ขึ้นมา แล้วไปที่ที่ ไฟล์ที่เราต้องการ  แล้วใช้คำสั่งตามนี้ครับ  C Compile: gcc filename.c  Run: ./a.out หรือ Compile: gcc filename.c -o exefilename Run: ./exefilename C++   Compile: g++ filename.cpp Run: ./a.out หรือ  Compile: g++ filename.cpp -o exefilename Run: ./exefilename ตัวอย่างการ Compile C++ : Balance Parentheses using Stack Java Compile: javac filename.java Run: java filename ตัวอย่างการ Compile ภาษา Java: Random Number สำหรับภาษา Java นั้นทั้ง Mac และ Windows ใช้คำสั่งเดียวกันเลยค...
Read more