如何在google map api v3中逐一设置标记? [英] how to set marker one by one in google map api v3?
问题描述
我正在做一个谷歌地图,它将读取一组坐标并将标记逐一放在地图上。
以下是我的想法:
$ b
函数A {
for循环(
set marker
call setTimeout('A',2seconds)
)
}
我的想法是设置一个标记并使用setTimeout等待2秒,然后设置下一个标记。
然而,它不起作用。它会同时显示所有标记并重复更新所有标记。
我如何实现目标?
感谢您的帮助!!!!!!!!!!!!!!!
以下是我的代码:
function marker(){
var marker;
var i = 0;
while(i< locations.length){
marker = new google.maps.Marker({
position:new google.maps.LatLng(locations [i] [1 ],位置[i] [2]),
动画:google.maps.Animation.DROP,
map:map
});
i = i + 1;
var t = setTimeout(marker(),2000);
}
}
marker();
设置第一个标记后需要返回。您还需要一个参数给A,它指定显示哪个标记。
$ b
function marker(i) {
if(i> locations.length)return;
var marker;
marker = new google.maps.Marker({
position:new google.maps.LatLng(locations [i] [1],locations [i] [2]),
动画:google.maps.Animation.DROP,
map:map
});
var t = setTimeout(marker(+(i + 1)+),2000);
}
marker(0);
I am doing a google map which will read a set of coordinates and put the marker on the map one by one.
Below is my idea:
function A{
for loop(
set marker
call setTimeout('A',2seconds)
)
}
my idea is to set a marker and use setTimeout to wait 2 seconds and then set the next marker.
However, it doesn't work. it show all the markers at the same time and repeat to renew all markers.
How can i achieve my goal? Thanks for your help!!!!!!!!!!!!!!!
Here is my code:
function marker(){
var marker;
var i=0;
while(i<locations.length){
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
animation: google.maps.Animation.DROP,
map: map
});
i=i+1;
var t=setTimeout("marker()",2000);
}
}
marker();
You need to return after setting the first marker. You also need a parameter to A which specifies which marker to show.
function marker(i){
if (i > locations.length) return;
var marker;
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
animation: google.maps.Animation.DROP,
map: map
});
var t=setTimeout("marker("+(i+1)+")",2000);
}
marker(0);
这篇关于如何在google map api v3中逐一设置标记?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!