0

OK、マイページは JSON 経由でデータベースからいくつかのマーカーを取得し、それらを Google マップ マップに配置します。問題なく動作しますが、問題は、このマーカーを 1 つずつ表示することであり、同時にすべてを表示することはできません。Google マップ API として、setTimeout() メソッドを使用しようとしていますが、これ以上成功しません。¿ json レスポンスと互換性がありませんか?

ここにコードがあります：

この関数は、データベースからすべてのマーカー データを取得し、正常に動作します。

function cargarsonidos(cuales)
{      
 $.getJSON("automatizar1.php",{que:cuales},function(json)
        {
          marcadores(json);          
        });
}

応答例:

[{"id_marcador":"2","lat_marcador":"42.9912","long_marcador":"-7.54505","titulo_marcador":"Example data","tipo_marcador":"Example data","nombre_mp3":"example.mp3","dia":"no","descripcion":"Example data","url_video":"NO","video":"NO"}]

そして今、マーカー、情報ウィンドウ、場所をマップに作成する関数

var id="";
function marcadores(json)
 {

          $.each(json,function(index,value)
          { 

        id ="a"+json[index].id_marcador;
                var popid="pop"+json[index].id_marcador;
                var lat=json[index].lat_marcador;
                var long=json[index].long_marcador;
                var titulo=json[index].titulo_marcador;
                var icono=json[index].tipo_marcador;
                var mp3=json[index].nombre_mp3;
                var pagina=json[index].id_marcador;
                var descripcion=json[index].descripcion;
                var url_video=json[index].url_video;
                var video=json[index].video;

        id = new google.maps.Marker(
                {

                  position: new google.maps.LatLng (lat, long),
                  map: map,
                  title: titulo,
                  animation: google.maps.Animation.DROP,
                  icon: 'iconos/'+icono+'.png'
                });

setTimeout(function(){markersArray.push(id);}, 200);

                if (video === 'SI')
                {
                       popid = new google.maps.InfoWindow(
                  {

                       content:'<h3>'+titulo+'</h3><br /><iframe width="420" height="315" src="'+url_video+'"       frameborder="0" allowfullscreen></iframe><div id="cambiar"><a href="paginas/contenido.php?sonido='+pagina+'" onMouseOver="mouse_in();" onMouseOut="mouse_out();"><br /><img src="imagenes/datos.png"></a></div>'

                         });
                }   

                google.maps.event.addListener(id,'click', function(){popid.open(map,id);});     

          }); 
}

すべて正常に動作しますが、各マーカー間に遅延はありません ¿

4

2 に答える 2

0

まず、ループで setTimeout を使用しています。これは間違っています。

これを試して;

var index = 0;
function CreateMarker(json) {    
  var id;
  id = "a" + json[index].id_marcador;
  var popid = "pop" + json[index].id_marcador;
  var lat = json[index].lat_marcador;
  var long = json[index].long_marcador;
  var titulo = json[index].titulo_marcador;
  var icono = json[index].tipo_marcador;
  var mp3 = json[index].nombre_mp3;
  var pagina = json[index].id_marcador;
  var descripcion = json[index].descripcion;
  var url_video = json[index].url_video;
  var video = json[index].video;

  markersArray[index] = new google.maps.Marker({
    position: new google.maps.LatLng(lat, long),
    map: map,
    title: titulo,
    animation: google.maps.Animation.DROP,
    icon :'iconos/'+icono+'.png'
  });
  index = index + 1;
  if(index != json.length)
   setTimeout(function() { CreateMarker(json); }, 500); //Recursive
}
于 2013-05-10T19:57:16.913 に答える