Feed on
Posts
Comments
Email訂閱

以overlay呈現點選遊記選單後出現的相關主題與旅記地圖,並固定在視窗畫面中出現,而不會被捲動消失。使用jquery tools。

1.在document ready 前載入jquery 以及 jquery tools

<script type="text/javascript">google.load("jquery", "1.4.4");</script>
<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>

2.在document.ready() make the layer overlayed

$(function() {
$("#jdynaoverlay").overlay({
top: 69,
left: 0,
closeOnClick: false,
});
});

3.在遊記選單被按下時,動態載入

$("#jdynaoverlay").overlay().load();

4.在google chrome中,flash物件總是會蓋過這個overlay

5.由於overlay一開始是隱藏的,在顯示主題時,或是搜尋結果時,會需要帶出地圖顯示這個overlay。如果overlay沒有先載入的話,就會出現地圖放大縮小時的中心座標跑掉的問題。因此在panToWayObjLoc(有設定座標的顯示)以及showLocation(沒有設定座標的物件,改以搜尋地點的顯示),加入載入overlay的程式碼。

 

留言區