Google Maps API v3のカスタムマーカーが表示されない

Question

Googleマップの通過経路と同じようなものを私のウェブサイトに表示したいので、複数の異なるタイプの経路を同じ地図上に表示しようとしています。例として、私はあなたがバスに歩いて、別の通りにバスに乗って、あなたの最終目的地まで歩く旅行を見せたいと思います。

これを行うには、複数のルートリクエストの結果を同じ地図上でカスタムマーカーで取得しようとしています。私はchange_map（）という関数を持っています。この関数は、これらのトリップの1つの情報をマップ上に表示することになっています。

1. は、マーカーが地図上に表示されません：

   私は2つの問題があります。

2. fitboundsはアンコメントしているとき、私はスタックリミットは私のコードを吸うとあなたの助けに感謝している場合、私は申し訳ありませんジャバスクリプトに新しいですエラー

を超えて取得します！

私は問題はあなたがループ内のLatLngのコンストラクタに引数として

var GPS = new google.maps.LatLng(latlngpairs[0],latlngpairs[1]); 

希望と

変更

var GPS = new google.maps.LatLng({lat:latlngpairs[0],lng:latlngpairs[1]}); 

を単一のオブジェクトを渡しているということであると考えてい

var trip_map 

    function renderDirections(result) { 
    var directionsDisplay = new google.maps.DirectionsRenderer; 
    directionsDisplay.setMap(trip_map); 
    directionsDisplay.suppressMarkers = true; 
    directionsDisplay.setDirections(result); 
    } 

    function requestDirections(start, end) { 
    var directionsService = new google.maps.DirectionsService; 
    directionsService.route({ 
     origin: start, 
     destination: end, 
     travelMode: google.maps.DirectionsTravelMode.DRIVING 
    }, function(result) { 
     renderDirections(result); 
    }); 
    } 

    function change_map(pk) { 
     var myOptions = { 
     center: new google.maps.LatLng(-34.397, 150.644), 
     zoom: 8, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     trip_map = new google.maps.Map(document.getElementById("trip_map"), 
            myOptions); 

     var bounds = new google.maps.LatLngBounds();  
     for (var j = 0; j < latlngpairs.length; j++) { 
     var GPS = new google.maps.LatLng({lat:latlngpairs[0], 
              lng:latlngpairs[1]}); 
      var end_marker = new google.maps.Marker({position: GPS, 
                map: trip_map, 
                title: "Hello World!"}); 
      bounds.extend(end_GPS); 
     } 
     requestDirections(parts[j], parts[j+1]); 
    } 
    //trip_map.fitBounds(bounds); 
    } 

Answer 1

それはそれを解決する。