2011-08-09 13 views
0

イム:http://server.patrikelfstrom.se/johan/fysiosteo/?page_id=118GoogleマップJS API v3に:Chromeのグレーマップストリートの地図を見ると、いくつかの問題を抱えて

は時々ウィンドウがストリートビューを示すのではなく、グレーを取得します。だから私の質問です。地図の読み込みが完了したときを知る方法はありますか?私は完全にロードされる前にマップをレンダリングしようと思っていますか?おかげ

function initialize() { 

     var myLatlng = new google.maps.LatLng(57.6988062, 11.9683293); 
     var myOptions = { 
     zoom: 16, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     disableDefaultUI: true 
     } 
     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

     var marker = new google.maps.Marker({ 
      position: myLatlng, 
      map: map, 
      animation: google.maps.Animation.DROP, 
      title:"Fysiosteo" 
     }); 

     var panoramaOptions = { 
      position: myLatlng, 
      addressControl: false, 
      pov: { 
      heading: 90, 
      pitch: 0, 
      zoom: 0 
      } 
     }; 

     var panorama = new google.maps.StreetViewPanorama(document.getElementById("pano"),panoramaOptions); 
     map.setStreetView(panorama); 



     google.maps.event.addListener(panorama, 'idle', function() { console.log('done'); }); 

    } 

    function loadScript() { 
     var script = document.createElement("script"); 
     script.type = "text/javascript"; 
     script.src = "http://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize"; 
     document.body.appendChild(script); 


    } 

    window.onload = loadScript; 

私はマップの読み込みが完了しているコンソールに「完了」を印刷するには、このコードを試してみましたが、それは仕事をdidntの。それは間違っていますか? :)

答えて

0

特定の質問に対する回答(「マップの読み込みが完了したことを知る方法はありますか?」)は、はいです。 Mapオブジェクトのロードが完了すると、idleイベントが発生します。 Mapオブジェクトが発生するイベントのドキュメントはhttp://code.google.com/apis/maps/documentation/javascript/reference.html#Mapにあります。

+0

私は上のコードを試してみましたが、成功しませんでした。 – Johan

+0

http://google-maps-api-version-3.touraineverte.com/en/reference/StreetViewPanorama/StreetViewPanorama.htm – Johan

+0

パノラママップのアイドルイベントが存在しません... – Johan

関連する問題