Google maps API：検索結果が表示されない

Question

Google Maps JS APIを使用して独自のスタイルマップを作成しています。私は私が（DirectionsResultタイトルを表示の下）official tutorialを、続い方向にマッピングする機能を追加したかったが、最終的なルートは、directionsService.routeよりも、私は自分のコードをデバッグし、私が見つけた...

が表示されません関数はgoogle.maps.DirectionsStatus.OKと方向を返します.Display.setDirections（result）はJSエラーなしで実際に呼び出されます...方向は正しく計算されますが、マップには表示されません。 Aは特別なマップスタイリングを無効にしようとしましたが、デフォルトのマップスタイルでも表示されません。問題はどこにあるのでしょうか？

OK、いくつかのコード...：それはあなたの問題の源だが、それはあなたのスクリプト入力から撮影... 必ず価値がある場合

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAB2gbXmG... ...mNs66iPr8&amp;sensor=false&amp;callback=directions_init"></script> 

    <script type="text/javascript"> 
     var map; 
     var zoom = 11; 
     var directionsDisplay; 
     var directionsService; 

     function gmap_init(){ 
      var styleArray = [ /*here is style but even if its commented its not working*/]; 

      var alterMapStyle = new google.maps.StyledMapType(styleArray, {name: "ALTER style"}); 


      var latlng = new google.maps.LatLng(/*lat, lng*/); 
      var myOptions = { 
       zoom: zoom, 
       center: latlng, 
       mapTypeId: google.maps.MapTypeId.ROADMAP, 
       mapTypeControl: false, 
       panControl: false, 
       zoomControl: false, 
       scaleControl: false, 
       streetViewControl: false 
      }; 
      map = new google.maps.Map(document.getElementById("gmap"), myOptions); 

      map.mapTypes.set('ALTER_style', alterMapStyle); 
      map.setMapTypeId('ALTER_style'); 


     } 

     function directions_init(){ 

      directionsService = new google.maps.DirectionsService(); 
      directionsDisplay = new google.maps.DirectionsRenderer(); 
      directionsDisplay.setMap(map); 

      display_route(); 

     } 

     function display_route(){ 
      var request = { 
       origin: 'Place A', 
       destination:'Place B', 
       travelMode: google.maps.TravelMode.DRIVING 
       }; 

      directionsService.route(request, function(result, status) { 
      if (status == google.maps.DirectionsStatus.OK) { 
       //program got here without error 
       directionsDisplay.setDirections(result); 
      } 
      }); 

     } 

Answer 1

わからない

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAB2gbXmG... ...mNs66iPr8&amp;sensor=false&amp;callback=directions_init"></script> 

私はdirections_init関数がapiスクリプトがダウンロードされた後に呼び出されたと仮定します。おそらくページのonloadイベントの前です。したがってマップオブジェクトは初期化されておらず、nullです。だから、実質的に、あなたはgmap_initからか、onloadの後にトリガされるすべてのイベントにdirections_initを呼び出してみ

directionsDisplay.setMap(null); 

を呼んでいます。