Google Map API v2 （三）----- 地圖上添加標記（Marker），標記info窗口，即指定經緯度獲取地址字符串

 

接上篇 http://www.cnblogs.com/inkheart0124/p/3536322.html

1，在地圖上打個標記

private MarkerOptions mMarkOption;

mMarkOption = new MarkerOptions().icon(BitmapDescriptorFactory.fromAsset("target.png"));
mMarkOption.draggable(true);

double dLat = mLocation.getLatitude();
double dLong = mLocation.getLongitude();

LatLng latlng = new LatLng(dLat, dLong);

mMarkOption.position(latlng);
mMarkOption.title("title");
mMarkOption.snippet("snippet");
Marker mMarker = mMapView.addMarker(mMarkOption);

3行，MarkerOptions對象，自己設置一個icon（ target.png）

4行，設置為可拖動

6～9行，構造當前經緯度的LatLng

11～13行，設置標記的位置，info window的標題title、詳細snippet

14行，GoogleMap的 addMarker(MarkerOptions) 方法，把標記添加到地圖上，返回Marker對象mMarker。

 

2，拖動標記

設置標記可拖動：

方法一、先設置mMarkOption.draggable(true);，再addMarker；

方法二、Marker的setDraggable(boolean)方法；

 

Google Map 默認長按標記開始拖動，開發者只需要注冊監聽。注冊拖動事件監聽

mMapView.setOnMarkerDragListener(this);

acitiviy實現OnMarkerDragListener接口如下：

/* OnMarkerDragListener start */
@Override
public void onMarkerDrag(Marker marker) {
}

@Override
public void onMarkerDragEnd(Marker marker) {
}

@Override
public void onMarkerDragStart(Marker marker) {
    if(marker.isInfoWindowShown())
        marker.hideInfoWindow();
        mMarkerLoaded = false;
    }
/* OnMarkerDragListener  end */

3行，public void onMarkerDrag(Marker marker)，當Marker拖動的過程中會不斷調用此函數，拖動中marker的位置marker.getPosition()可以得到經緯度。

7行，public void onMarkerDragEnd(Marker marker)，拖動結束

11行，public void onMarkerDragStart(Marker marker)，開始拖動

11～15行，開始拖動的時候，判斷如果正在顯示info window，則隱藏info window。

 

3，點擊標記彈出info window

點擊marker的default動作就是顯示info window，之前設置的title和snippet會顯示在infowindow中。

我們對info window做一點小改造，讓他顯示一個小圖標和標記地點的地址

代碼：

activity 實現InfoWindowAdapter接口（implements InfoWindowAdapter）

調用GoogleMap的方法setInfoWindowAdapter()方法

mMapView.setInfoWindowAdapter(this);

activity中實現InfoWindowAdapter的兩個方法：

public View getInfoWindow(Marker marker)；返回的View將用於構造整個info window的窗口

public View getInfoContents(Marker marker)；返回的View將用於構造info window的顯示內容，保留原來的窗口背景和框架

首先需要定義一個View的布局

res/layout/map_info.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    >
    
    <ImageView 
        android:id="@+id/map_info_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="0dip"
        android:layout_marginTop="0dip"
        />
    
    <LinearLayout 
        android:layout_toRightOf="@id/map_info_image"
        android:layout_width="200dip"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dip"
        android:layout_marginTop="0dip"
        android:orientation="vertical"
        >
        <TextView 
            android:id="@+id/map_info_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="map_info_title"
            android:layout_gravity="center"
            />
        
       <TextView 
            android:id="@+id/map_info_snippet"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="map_info_snippet"
            android:layout_gravity="center"
            />
        
    </LinearLayout>
    
</RelativeLayout>

 

實現getInfoContents函數：

/* GoogleMap.InfoWindowAdapter begin */
private View mInfoWindowContent = null;
@Override
public View getInfoContents(Marker marker) {
        
    if(mInfoWindowContent == null){
        mInfoWindowContent = mInflater.inflate(R.layout.map_info, null);
    }
        
    ImageView infoImage = (ImageView)mInfoWindowContent.findViewById(R.id.map_info_image);
    infoImage.setImageResource(R.drawable.address);
    TextView infoTitle = (TextView)mInfoWindowContent.findViewById(R.id.map_info_title);
    infoTitle.setText(marker.getTitle());
        
    TextView infoSnippet = (TextView)mInfoWindowContent.findViewById(R.id.map_info_snippet);
    infoSnippet.setText(marker.getSnippet());
    return mInfoWindowContent;
}

@Override
public View getInfoWindow(Marker marker) {
    return null;
}

6～8行，根據布局文件 res/layout/map_info.xml 填充一個View的布局

LayoutInflater mInflater = LayoutInflater.from(this); //this即activity的context

10~11行，設置圖標

12～13行，設置title，marker.getTitle()取出marker中保存的title字符串

15～16行，設置snippet，marker.getSnippet()取出marker的snippet字符串

 

當點擊標記彈出info window時，首先會跑到getInfoWindow()，如果返回null，就會跑到getInfoContents()，返回的View就顯示到info window中。

 

4，根據經緯度發查地址，用snippet字段顯示地址信息

首先監聽marker點擊事件

mMapView.setOnMarkerClickListener(this);

activity實現OnMarkerClickListener接口：

/* OnMarkerClickListener start */
@Override
public boolean onMarkerClick(Marker marker) {
    if(mMarkerLoaded == false)
        getAddressOfMarker();
        return false;
}
/* OnMarkerClickListener end */

即，點擊marker，在彈出info窗口前先去查詢marker所在的經緯度的地理地址。

這個函數要返回false。如果返回true，則表示click事件被消費掉了，就不會再觸發默認動作（即彈出info窗口）。

看下google的geocoder反解地址的過程：

private GetAddressTask mGetAddTack = null;
    
private void getAddressOfMarker(){    
    if(mGetAddTack != null){
        mGetAddTack.cancel(true);
    }
    mGetAddTack = new GetAddressTask(this);
    mGetAddTack.execute(mCarMarker.getPosition());
}

getAddressOfMarker函數中執行了一個異步小任務GetAddressTask，代碼如下：

private class GetAddressTask extends AsyncTask<LatLng, Void, String[]>{
    Context mContext;
        
    public GetAddressTask(Context context) {
        super();
        mContext = context;
    }

    @Override
    protected void onPreExecute(){
        mMarker.setTitle(getResources().getString(R.string.mapAddrLoading));
        mMarker.setSnippet(" ");
        if(mMarker.isInfoWindowShown())
            mMarker.showInfoWindow();
    }
        
    @Override
    protected void onPostExecute(String[] result){
        if(result == null)
            return;
            
        if(mMarker != null){
            if((result[1] != null) && (result[0] != null)){
                mMarker.setTitle(result[0]);
                mMarker.setSnippet(result[1]);
                if(mMarker.isInfoWindowShown())
                    mMarker.showInfoWindow();
                }
                else{
                    mMarker.setTitle(getResources().getString(R.string.mapAddrTitle));
                    mMarker.setSnippet(getResources().getString(R.string.mapAddrUnknown));
                    if(mMarker.isInfoWindowShown())
                        mMarker.showInfoWindow();
                    }35                 }
            }
            mMarkerLoaded = true;
        }
        
        @Override
        protected String[] doInBackground(LatLng... params) {
            LatLng latlng = params[0];
            String[] result = new String[2];
    
            String urlString = "http://maps.google.com/maps/api/geocode/xml?language=zh-CN&sensor=true&latlng=";//31.1601,121.3962";
            HttpGet httpGet = new HttpGet(urlString + latlng.latitude + "," + latlng.longitude);
            HttpClient httpClient = new DefaultHttpClient();
            
            InputStream inputStream = null;
            HttpResponse mHttpResponse = null;
            HttpEntity mHttpEntity = null;
            try{
                mHttpResponse = httpClient.execute(httpGet);
                mHttpEntity = mHttpResponse.getEntity();
                inputStream = mHttpEntity.getContent();
                BufferedReader bufferedReader = new BufferedReader(new InputStreamReader(inputStream));

                String line = "";
                String startTag = "<formatted_address>";
                String endTag = "</formatted_address>";
                while (null != (line = bufferedReader.readLine())){
                    if(isCancelled())
                        break;
                    line = line.trim();
                    String low = line.toLowerCase(Locale.getDefault());
                    if(low.startsWith(startTag)){
                        int endIndex = low.indexOf(endTag);
                        String addr = line.substring(startTag.length(), endIndex);
                        if((addr != null) && (addr.length() >0)){
                            result[1] = addr;
                            result[0] = getResources().getString(R.string.mapAddrTitle);
                            break;
                        }
                    } 
                }
            }
            catch (Exception e){
                log("Exception in GetAddressTask doInBackground():" + e);
            }
            finally{
                try{
                    if(inputStream != null)
                        inputStream.close();
                }
                catch (IOException e){
                    log("IOException in GetAddressTask doInBackground():" + e);
                }
            }
            return result;
        }
    }

重點是41行開始的 doInBackground 函數，向google的geocoder發起一個http請求，請求格式如下：

http://maps.google.com/maps/api/geocode/xml?language=zh-CN&sensor=true&latlng=30.1601,121.3922

返回數據可以是JSON或XML，我這里用的是XML，語言中文zh-CN，latlng=緯度,經度

返回的XML腳本，是指定經緯度附近的有效地址，可能不只一個。我們只取第一個<formatted_address></formatted_address>標簽中的字符串，保存在result中。

18行，在任務執行結束的onPostExcute函數中，調用marker.setSnippet(result[1])保存到snippet中，title則根據任務執行情況設置成合適的String。

26~28行，由於這是一個異步任務，地址取回的時候，info窗口可能已經顯示出來了，這時調用showInfoWindow()，getInfoContents函數會重新跑一次，讓窗口顯示最新取到的title和snippet。