Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone



Clound SSD Virtual Server

Android Google Map : Focus, Zoom Level , Map Type

Android Google Map : Focus, Zoom Level , Map Type ในหัวข้อที่สองของ Google Map กับ Android เราจะมาเรียนรู้วิธีการเรียกงาน Map ในรูปแบบต่าง ๆ เช่น การ Focus ไปยังตำแหน่งพื้นที่ต่าง ๆ ด้วยค่า Latitude, Longitude และระดับการ Zoom ในแต่ล่ะพื้นที่ รวมทั้งวิธีการแสดงรุปแบบของ Map เช่น ภาพจากดาวเทียม หรือ ภูมิประเทศ และในรูปแบบอื่น ๆ



Android Google Map : Focus, Zoom Level , Map Type


สำหรับตัวอย่างและ Code นี้รองรับการเขียนทั้งบนโปรแกรม Eclipse และ Android Studio

ใน AndroidManifest.xml เพิ่ม Permission ดังนี้
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />


ออกแบบ Layout ด้วย Flagment

Android Google Map : Focus, Zoom Level , Map Type

activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<fragment xmlns:android="http://schemas.android.com/apk/res/android"
          android:id="@+id/googleMap"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:name="com.google.android.gms.maps.SupportMapFragment"/>


Example 1 : การ Zoom และ Focus ไปยัง Location ต่าง ๆ

Syntax
LatLng coordinate = new LatLng(Latitude, Longitude);
googleMap.animateCamera(CameraUpdateFactory.newLatLngZoom(coordinate, 17));

ในการ Zoom เพื่อ Focus ไปยังพื้นที่ต่าง ๆ ด้วยค่า Latitude, Longitude รองรับในแต่ล่ะพื้นที่ต่างกัน โดนค่าที่กำหนดได้จะได้ไม่เกิน 22

ลองมาดู Code เต็ม ๆ

MainActivity.java
package com.myapp;

import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.SupportMapFragment;
import com.google.android.gms.maps.model.LatLng;

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;

import com.google.android.gms.maps.CameraUpdateFactory;

public class MainActivity extends FragmentActivity {

	// Google Map
	private GoogleMap googleMap;
	
	// Latitude & Longitude
	private Double Latitude  = 13.844205;
	private Double Longitude  = 100.598856;

	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);	
		
		if(Latitude > 0 && Longitude > 0)
		{
            //*** Display Google Map
            googleMap = ((SupportMapFragment)getSupportFragmentManager()
                    .findFragmentById(R.id.googleMap)).getMap(); 
            
            LatLng coordinate = new LatLng(Latitude, Longitude);
            
            //*** Focus & Zoom
            googleMap.setMapType(com.google.android.gms.maps.GoogleMap.MAP_TYPE_HYBRID);
            googleMap.animateCamera(CameraUpdateFactory.newLatLngZoom(coordinate, 17));
            
		}


	}

}

Screenshot

Android Google Map : Focus, Zoom Level , Map Type









Example 2 : การเปลี่ยน Map Type หรือมุมมองของ Map แต่ล่ะประเภท

Android Google Map : Focus, Zoom Level , Map Type

จะเห็นว่ามีอยู่ 4-5 ประเภท

แบบ Terrain
googleMap.setMapType(com.google.android.gms.maps.GoogleMap.MAP_TYPE_TERRAIN);

Android Google Map : Focus, Zoom Level , Map Type

แบบ Satellite
googleMap.setMapType(com.google.android.gms.maps.GoogleMap.MAP_TYPE_SATELLITE);

Android Google Map : Focus, Zoom Level , Map Type


Example 3 : การเปลี่ยนมุมมองของ Zoom เพื่อย่อยขยาย

ระดับ 13
googleMap.animateCamera(CameraUpdateFactory.newLatLngZoom(coordinate, 13));

Android Google Map : Focus, Zoom Level , Map Type


Example 4 : การเปลี่ยนมุมมองในรุปแบบของ 3D (เฉพาะบางพื้นที่)

Syntax
googleMap.setBuildingsEnabled(true);

Android Google Map : Focus, Zoom Level , Map Type

จะเห็นว่าในเมืองไทยยังไม่มีพื้นที่รองรับ

3D Map

ในกรณีที่มีพื้นที่รองรับ


Example 5 : การเพื่มปุ่มหรือ Button ย่อย-ขยาย (Zoom In/Out)

Syntax
googleMap.getUiSettings().setZoomControlsEnabled(true);  

Android Google Map : Focus, Zoom Level , Map Type

จะเห็นว่ามีปุ่มสำหรับคลิก Zoom In และ Zoom Out


Code ทั้งหมด
package com.myapp;

import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.SupportMapFragment;
import com.google.android.gms.maps.model.LatLng;

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;

import com.google.android.gms.maps.CameraUpdateFactory;

public class MainActivity extends FragmentActivity {

	// Google Map
	private GoogleMap googleMap;
	
	// Latitude & Longitude
	private Double Latitude  = 13.844205;
	private Double Longitude  = 100.598856;

	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);	
		
		if(Latitude > 0 && Longitude > 0)
		{
            //*** Display Google Map
            googleMap = ((SupportMapFragment)getSupportFragmentManager()
                    .findFragmentById(R.id.googleMap)).getMap(); 
            
            LatLng coordinate = new LatLng(Latitude, Longitude);
            
            //*** Focus & Zoom
            googleMap.setMapType(com.google.android.gms.maps.GoogleMap.MAP_TYPE_HYBRID);
            googleMap.animateCamera(CameraUpdateFactory.newLatLngZoom(coordinate, 22));
            
            //*** 3D 
            googleMap.setBuildingsEnabled(true);
            
		}


	}

}








.

   
Share


ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท


ลองใช้ค้นหาข้อมูล


   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2015-11-21 22:49:32 / 2017-03-26 21:14:01
  Download : No files
 Sponsored Links / Related

 
Android Google Map (Step by Step)
Rating :

 
Android Google Map : Change Map Type (Normal, Satellite, Hybrid and Terrain)
Rating :

 
Android Google Map : Check Enabled Location Services
Rating :

 
Android Google Map : Get Current Location (Latitude, Longitude)
Rating :

 
Android Google Map : Marker Location (Latitude , Longitude)
Rating :

 
Android Google Map : Adding Multiple Marker (Latitude, Longitude)
Rating :

 
Android Google Map : Marker from Current Location (LocationChanged)
Rating :

 
Android Google Map : Get Address Name from Latitude,Longitude (Geocoder)
Rating :

 
Android Google Map : Search and Find Location
Rating :

 
Android Google Map : Marker Location from PHP/MySQL (JSON)
Rating :


ThaiCreate.Com Forum


Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน .Net การเขียนโปรแกรม ภาษา .Net
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
ปรับแต่งเว็บให้โหลดเร็ว


สุดยอด Source Code V2.0
 

แจ้งชำระเงิน/โอนเงิน
 

Hit Link
   







Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่