2013-11-15 46 views
1

我有一個谷歌地圖和選擇。 我必須讓用戶選擇不同的地方,並將他重定向到地圖中的那個地方。谷歌地圖:如何重定向到地圖上的其他點?

所以當用戶選擇地點A時,他可以被重定向到舊金山。 當選擇地點B時,他可以重定向到洛杉磯。

你知道我該如何獲得這個?

在這裏,我做了一個簡單的例子,有地圖和選擇:

http://jsbin.com/iGOmEXeP/2/edit

在這裏,我做了我的害羞試圖獲得我所需要的,是因爲你看到的是不工作:

http://jsbin.com/iGOmEXeP/3/edit

希望有人能幫助我! 謝謝!

編輯:

我已經得到的東西在這裏: http://jsbin.com/iGOmEXeP/5/edit

無論如何,如果你有更好的東西,或者來改善它的方式,我會考慮爲正確答案。

+0

你的問題是不是真的清楚(我)。附加到地點A和地點B的值是什麼?座標?你想在選定的地方放置一個標記,並將地圖放在這個標記上? – jbl

+0

我編輯了這個問題。希望現在更清楚。 – johnnyfittizio

回答

2

您應該閱讀這裏的文檔。

https://developers.google.com/maps/documentation/javascript/reference#Map

你所尋找的是無論是setCenter()panTo()方法。

http://jsbin.com/iGOmEXeP/6/edit

更新你的bin包括它像這樣:

$("select").change(function() { 
    var $this = $(this); 

    if($this.val() === "1") { 
    pos = new google.maps.LatLng(-24.397, 150.644); 
    } else if($this.val() === "2") { 
    pos = new google.maps.LatLng(-44.397, 150.644); 
    } 
    map.panTo(pos); 
}); 
+0

謝謝Smeegs。 從我讀過的文檔中,panTo包含一個默認動畫:如果變化小於地圖的寬度和高度,則過渡將平滑地進行。 這就是爲什麼你選擇它而不是setCenter()? – johnnyfittizio

+0

準確地說,我認爲它提供了一個很好的過渡時間。 – Smeegs

+0

是的,絕對更好。 http://jsbin.com/iGOmEXeP/7/edit 這裏可以註釋掉一個或其他選項,panTo比setCenter更順暢。 – johnnyfittizio