Google Map API教程之自動(dòng)縮放級(jí)別
最近,很多朋友咨詢關(guān)于Google Map API教程中如何實(shí)現(xiàn)自動(dòng)縮放級(jí)別的問(wèn)題。在這篇文章中,我將與大家分享一些關(guān)于這個(gè)話題的經(jīng)驗(yàn),并希望能對(duì)大家有所幫助。使用Google Map API的自動(dòng)縮
最近,很多朋友咨詢關(guān)于Google Map API教程中如何實(shí)現(xiàn)自動(dòng)縮放級(jí)別的問(wèn)題。在這篇文章中,我將與大家分享一些關(guān)于這個(gè)話題的經(jīng)驗(yàn),并希望能對(duì)大家有所幫助。
使用Google Map API的自動(dòng)縮放方法
在編寫一個(gè)使用Google Map API的應(yīng)用程序時(shí),我花了很多時(shí)間研究如何實(shí)現(xiàn)自動(dòng)縮放地圖到合適的級(jí)別。當(dāng)?shù)貓D上已添加了許多Gmarker點(diǎn),而這些點(diǎn)分布在各個(gè)位置時(shí),為了讓它們都能在地圖上顯示出來(lái),我們必須設(shè)置一個(gè)合適的縮放級(jí)別和中心點(diǎn)。這里我使用了Google Map API的GLatLngBounds方法來(lái)實(shí)現(xiàn)自動(dòng)縮放。
設(shè)置自動(dòng)縮放級(jí)別
假設(shè)我們創(chuàng)建了一個(gè)名為gmap的Google Map對(duì)象,并且把所有的GMarker保存在一個(gè)名為markers的數(shù)組中。我們要做的就是使這些點(diǎn)都能在地圖上顯示出來(lái),即實(shí)現(xiàn)自動(dòng)縮放地圖。
首先,我們創(chuàng)建一個(gè)GLatLngBounds對(duì)象:bounds new GLatLngBounds(); 然后,我們使用循環(huán)將所有GMarker中的GLatLng對(duì)象傳遞給bounds:bounds.extend(markers[i].getLatLng())。完成循環(huán)后,我們可以使用以下代碼實(shí)現(xiàn)自動(dòng)縮放地圖:((), (bounds));
下面是結(jié)合起來(lái)的setAutoZoom函數(shù)的代碼:
```
function setAutoZoom(gmap, markers){
var i markers.length;
var bounds new GLatLngBounds();
while(i--){
bounds.extend(new GLatLng(markers[i].y, markers[i].x));
}
((), (bounds));
}
```
以上就是關(guān)于Google Map API教程中如何實(shí)現(xiàn)自動(dòng)縮放級(jí)別的方法。通過(guò)使用GLatLngBounds方法,我們可以方便地將所有的GMarker點(diǎn)顯示在地圖上,并設(shè)置一個(gè)合適的縮放級(jí)別。希望這篇文章對(duì)大家有所幫助。