我有一些帶有ajax的代碼，用于地圖上的谷歌標記。它的工作正?！，F在我想要一個一個地放置標記而不是一次加載所有。請幫助我$.ajax({ type: 'get', url: APP_URL + '/yestoday', data: {_token:"{{csrf_token()}}"}, success: function (data) { debugger; // console.log(data); var locations = Array(); var map = new google.maps.Map(document.getElementById('map'), { center: new google.maps.LatLng(20.593683,78.962883), zoom: 7, }); jQuery.each(data , function (index, value){ var points = Array(); var point = new google.maps.LatLng(parseFloat(value.latitude),parseFloat(value.longitude)); points.push(parseFloat(value.latitude)); points.push(parseFloat(value.longitude)); points.push(value.store_name); points.push(value.store_address); locations.push(points); var marker = new google.maps.Marker({ position: point, map: map, animation: google.maps.Animation.DROP, }); var infowindow = new google.maps.InfoWindow(); google.maps.event.addListener(marker, 'mouseover', function() { infowindow.setContent('<div><strong>'+points[2]+'</strong><br><strong>'+points[3]+'</strong></div>'); infowindow.open(map, this); }); google.maps.event.addListener(marker, 'mouseout', function() { infowindow.close(); }); }); }, });
2 回答
繁華開滿天機
TA貢獻1816條經驗 獲得超4個贊
你可以通過使用setTimeout函數來實現
set delayMarker = 200; // 你可以在這里設置你的延遲時間
$.ajax({
type: 'get',
url: APP_URL + '/yestoday',
data: {_token:"{{csrf_token()}}"},
success: function (data) {
var locations = Array();
var map = new google.maps.Map(document.getElementById('map'), {
center: new google.maps.LatLng(20.593683,78.962883),
zoom: 7,
});
var delayMarker = 200;
jQuery.each(data , function (index, value){
setTimeout(function() {
var points = Array();
var point = new google.maps.LatLng(parseFloat(value.latitude),parseFloat(value.longitude));
points.push(parseFloat(value.latitude));
points.push(parseFloat(value.longitude));
points.push(value.store_name);
points.push(value.store_address);
locations.push(points);
var marker = new google.maps.Marker({
position: point,
map: map,
animation: google.maps.Animation.DROP,
});
var infowindow = new google.maps.InfoWindow();
google.maps.event.addListener(marker, 'mouseover', function() {
infowindow.setContent('<div><strong>'+points[2]+'</strong><br><strong>'+points[3]+'</strong></div>');
infowindow.open(map, this);
});
google.maps.event.addListener(marker, 'mouseout', function() {
infowindow.close();
});
},index * delayMarker);
});
},
});
- 2 回答
- 0 關注
- 166 瀏覽
添加回答
舉報
0/150
提交
取消