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 : Change Map Type (Normal, Satellite, Hybrid and Terrain)

Android Google Map : Change Map Type (Normal, Satellite, Hybrid and Terrain) ในหัวข้อที่สามนี้จะเป็นการเขียน Android App เพื่อเรียกใช้งาน Google Map จะแสดงวิธีการเรียก Map Type หรือรูปแบบพื้นผิวของ Map ซึ่งในพื้นฐานประเภทของ Map ที่ได้รับความนิยมจะมีอยู่ประมาณ 4-5 ประเภทคือ None, Normal, Hybrid, Satellite และ Terrain โดยในแต่ล่ะรูปแบบก็ใช้ประโยนช์ที่แตกต่างกัน



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


สำหรับตัวอย่างและ 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" />


รูปแบบของ Map Type มีอยู่ประมาณ 4-5 รูปแบบคือ None, Normal, Hybrid, Satellite และ Terrain

Normal : NONE (ไม่แสดง Map)
googleMap.setMapType(com.google.android.gms.maps.GoogleMap.MAP_TYPE_NONE);

Normal : NORMAL (ปกติ)
googleMap.setMapType(com.google.android.gms.maps.GoogleMap.MAP_TYPE_NORMAL);

Satellite : SATELLITE (ภาพจากดาวเทียม)
googleMap.setMapType(com.google.android.gms.maps.GoogleMap.MAP_TYPE_SATELLITE);

Terrain : TERRAIN(แบบภาพภูมิศาสตร์)
googleMap.setMapType(com.google.android.gms.maps.GoogleMap.MAP_TYPE_TERRAIN);

Hybrid : HYBRID (แบบปกติผสมกับดาวเทียม)
googleMap.setMapType(com.google.android.gms.maps.GoogleMap.MAP_TYPE_HYBRID);



Example 1 : ตัวอย่างการเขียน Android App เพื่อ เปลี่ยนมุมมองลอง Map Type

Android Google Map : Change Map Type (NORMAL,HYBRID,SATELLITE,TERRAIN)

activity_main.xml
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MapActivity" >

    <fragment
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/googleMap"
        android:name="com.google.android.gms.maps.SupportMapFragment"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

    <RadioGroup
        android:id="@+id/radio_group_list_selector"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="#80000000"
        android:orientation="horizontal"
        android:padding="4dp" >

        <RadioButton
            android:id="@+id/rdoNormal"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center_horizontal|center_vertical"
            android:text="Normal" />

        <View
            android:id="@+id/VerticalLine"
            android:layout_width="1dip"
            android:layout_height="match_parent"
            android:background="#aaa" />

        <RadioButton
            android:id="@+id/rdoHybrid"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center_horizontal|center_vertical"
            android:text="Hybrid" />

        <View
            android:id="@+id/VerticalLine1"
            android:layout_width="1dip"
            android:layout_height="match_parent"
            android:background="#aaa" />

        <RadioButton
            android:id="@+id/rdoSatellite"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center_horizontal|center_vertical"
            android:text="Satellite" />

        <View
            android:id="@+id/VerticalLine2"
            android:layout_width="1dip"
            android:layout_height="match_parent"
            android:background="#aaa" />

        <RadioButton
            android:id="@+id/rdoTerrain"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center_horizontal|center_vertical"
            android:text="Terrain" />
    </RadioGroup>

</FrameLayout>









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 android.view.View;
import android.widget.RadioButton;

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;
	
	// RadioButton
	RadioButton rdoNormal, rdoHybrid, rdoSatellite, rdoTerrain;

	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);	
		

            //*** 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));
            
            //*** Zoom Control
            googleMap.getUiSettings().setRotateGesturesEnabled(true);  
            
            //*** RadioButton
            rdoNormal = (RadioButton)findViewById(R.id.rdoNormal);
            rdoHybrid = (RadioButton)findViewById(R.id.rdoHybrid);
            rdoSatellite = (RadioButton)findViewById(R.id.rdoSatellite);
            rdoTerrain = (RadioButton)findViewById(R.id.rdoTerrain);
            
            rdoNormal.setOnClickListener(myOptionOnClickListener);
            rdoHybrid.setOnClickListener(myOptionOnClickListener);
            rdoSatellite.setOnClickListener(myOptionOnClickListener);
            rdoTerrain.setOnClickListener(myOptionOnClickListener);
            

	}
	
	RadioButton.OnClickListener myOptionOnClickListener = new RadioButton.OnClickListener() {

		public void onClick(View v) {
			// TODO Auto-generated method stub
			if(rdoNormal.isChecked())
			{
				googleMap.setMapType(com.google.android.gms.maps.GoogleMap.MAP_TYPE_NORMAL);
			}else if(rdoHybrid.isChecked())
			{
				googleMap.setMapType(com.google.android.gms.maps.GoogleMap.MAP_TYPE_HYBRID);
			}else if(rdoSatellite.isChecked())
			{
				googleMap.setMapType(com.google.android.gms.maps.GoogleMap.MAP_TYPE_SATELLITE);
			}else if(rdoTerrain.isChecked())
			{
				googleMap.setMapType(com.google.android.gms.maps.GoogleMap.MAP_TYPE_TERRAIN);
			}

		}
	};	

}

Screenshot

Android Google Map : Change Map Type (NORMAL,HYBRID,SATELLITE,TERRAIN)

แสดง Radibo Button สำหรับเปลี่ยน Map Type ต่าง ๆ

Android Google Map : Change Map Type (NORMAL,HYBRID,SATELLITE,TERRAIN)

Map Type แบบ Normal

Android Google Map : Change Map Type (NORMAL,HYBRID,SATELLITE,TERRAIN)

Map Type แบบ Hybrid

Android Google Map : Change Map Type (NORMAL,HYBRID,SATELLITE,TERRAIN)

Map Type แบบ Satellite

Android Google Map : Change Map Type (NORMAL,HYBRID,SATELLITE,TERRAIN)

Map Type แบบ Terrain







.

   
Share


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


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


   


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

 
Android Google Map (Step by Step)
Rating :

 
Android Google Map : Focus, Zoom Level , Map Type
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 05
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 อัตราราคา คลิกที่นี่