google map多筆資料利用setTimeout做延遲顯示???? - Google
By James
at 2008-08-29T07:48
at 2008-08-29T07:48
Table of Contents
底下的問題不曉得有人知道嗎? 因為自己try很多次也都一直錯誤!
Q1.
目前想做延遲show資料在地圖上的功能，但將setTimeout放在showAddress函式裡好像不對
再者，要顯示資料我在<body>裡面呼叫寫好的js的showAddress為什麼沒動作呢?
只能放在<head></head>嗎?
網頁範例: http://edu2u.why3s.tw/ttt.html
Q2.地圖上Info的視窗寬度要怎樣限制呢? 是要加什麼在marker.openInfoWindowHtml中嗎?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<script
src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAV9gNhag3wL11lX
type="text/javascript"></script>
<script type="text/javascript">
var map = null;
var geocoder = null;
var marker;
function initialize()
{
if (GBrowserIsCompatible())
{
map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
//加入地圖縮放工具
geocoder = new GClientGeocoder();
}
}
function createMarker(point,title,html)
{
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function()
{
marker.openInfoWindowHtml( //這邊限制Info視窗的寬度怎樣寫??
html,
{
maxContent: html,
maxTitle: title});
});
return marker;
}
function showAddress(address,dec)
{
if (geocoder)
{
geocoder.getLatLng(
address,
function(point)
{
if (!point)
{
alert(address + " 在google map上找不到");
}
else
{
if(marker) //移除上一個點
{
map.closeInfoWindow();
map.removeOverlay(marker);
}
map.setCenter(point, 16);
window.setTimeout(function(){ map.panTo(point,16);},3000);
//只要呼叫showAddress，就延遲3秒鐘，是這樣用的嗎?
var title = "地址";
marker = createMarker(point,title,dec);
map.addOverlay(marker);
marker.openInfoWindowHtml(
dec,
{
maxContent: dec,
maxTitle: title}
);
}
}
);
}
}
</script>
</head>
<div id="map" style="width: 400px; height: 300px">
</div>
<script type="text/javascript">
showAddress("台北市內湖區瑞光路441號","科技大樓");
//這邊呼叫那顯示的函式好像沒作用呢??
showAddress("台北市內湖區瑞光路430號","花市");
</script>
</body>
</html>
--
Q1.
目前想做延遲show資料在地圖上的功能，但將setTimeout放在showAddress函式裡好像不對
再者，要顯示資料我在<body>裡面呼叫寫好的js的showAddress為什麼沒動作呢?
只能放在<head></head>嗎?
網頁範例: http://edu2u.why3s.tw/ttt.html
Q2.地圖上Info的視窗寬度要怎樣限制呢? 是要加什麼在marker.openInfoWindowHtml中嗎?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<script
src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAV9gNhag3wL11lX
type="text/javascript"></script>
<script type="text/javascript">
var map = null;
var geocoder = null;
var marker;
function initialize()
{
if (GBrowserIsCompatible())
{
map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
//加入地圖縮放工具
geocoder = new GClientGeocoder();
}
}
function createMarker(point,title,html)
{
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function()
{
marker.openInfoWindowHtml( //這邊限制Info視窗的寬度怎樣寫??
html,
{
maxContent: html,
maxTitle: title});
});
return marker;
}
function showAddress(address,dec)
{
if (geocoder)
{
geocoder.getLatLng(
address,
function(point)
{
if (!point)
{
alert(address + " 在google map上找不到");
}
else
{
if(marker) //移除上一個點
{
map.closeInfoWindow();
map.removeOverlay(marker);
}
map.setCenter(point, 16);
window.setTimeout(function(){ map.panTo(point,16);},3000);
//只要呼叫showAddress，就延遲3秒鐘，是這樣用的嗎?
var title = "地址";
marker = createMarker(point,title,dec);
map.addOverlay(marker);
marker.openInfoWindowHtml(
dec,
{
maxContent: dec,
maxTitle: title}
);
}
}
);
}
}
</script>
</head>
<div id="map" style="width: 400px; height: 300px">
</div>
<script type="text/javascript">
showAddress("台北市內湖區瑞光路441號","科技大樓");
//這邊呼叫那顯示的函式好像沒作用呢??
showAddress("台北市內湖區瑞光路430號","花市");
</script>
</body>
</html>
--
Tags:
Google
All Comments
Related Posts
Gmail中部分信件不見了。
By Eden
at 2008-08-28T12:10
at 2008-08-28T12:10
Google AdSense 西聯匯款-台南京城總行
By Jacob
at 2008-08-28T11:41
at 2008-08-28T11:41
GOOGLE APPS 企業版 收費
By Skylar DavisLinda
at 2008-08-28T11:41
at 2008-08-28T11:41
請問關於docs的文件分享
By Steve
at 2008-08-28T08:47
at 2008-08-28T08:47
用GMAIL無法設定收YAHOO的信
By Yedda
at 2008-08-28T01:30
at 2008-08-28T01:30