如何解決問題:'無法載入資源:net::ERR_CONNECTION_REFUSED http://localhost:8989/route?.....”
P粉475315142
P粉475315142 2023-11-12 19:34:27
0
1
934

我的程式有問題。這是一個關於地理資訊系統的程序,使用了LeatlefJs函式庫,我還使用了letlef路由機功能。問題是系統無法顯示它應該能夠顯示的路線,我不太明白。這是腳本。

function getDirectRoute(index, callbackFunction){
            var dari = marker_awal.getLatLng().lat + "," + marker_awal.getLatLng().lng;
            var tujuan = markerCabang[index].getLatLng().lat + "," + markerCabang[index].getLatLng().lng;
            $.ajax({
                  type: "GET",
                  url: "http://localhost:8989/route?point=" + dari + "&point=" + tujuan + "&points_encoded=false&instructions=false&vehicle=motorcycle&ch.disable=true&weighting=shortest&algorithm=alternative_route",
                  dataType: 'json',
                  contentType: "application/json",
                  success: function (data) {
                    successReveived++;
                    var coordinates = data.paths[0].points.coordinates;
                    tempDistance = 0;      
                    for(var j=0; j<coordinates.length; j++){
                        if(j==0){
                            tempDistance += euclidean(marker_awal.getLatLng().lat, marker_awal.getLatLng().lng, coordinates[j][1], coordinates[j][0]);
                        } else {
                            tempDistance += euclidean(coordinates[j-1][1], coordinates[j-1][0], coordinates[j][1], coordinates[j][0]);
                        }
                    }
                    distanceGH[index] = data.paths[0].distance;
                    distanceManual[index] = tempDistance.toFixed(4);
                    
                    if(successReveived == markerCabang.length && typeof(callbackFunction == 'function')){
                        callbackFunction();
                    }
                  }
            });
        }

錯誤是這樣的

無法載入資源:net::ERR_CONNECTION_REFUSED http://localhost:8989/route?point=3.611967691620835,98.67254734039308&point=3.611126,67254734039308&point=3.611126,98.6758898.6758 =true&加權=最短&演算法=alternative_route

P粉475315142
P粉475315142

全部回覆(1)
P粉819533564

(我還不能發表評論,所以試著幫你回答)

  1. 確保您有一個有效的後端來回應JS 函式庫(請參閱https://www.liedman.net/leaflet-routing-machine/tutorials/alternative-routers/ 對於有效的後端)
  2. 嘗試直接在瀏覽器中輸入 URL(不使用 Leaflet 或其他任何內容):http://localhost:8989/route -> 您應該看到 JSON 輸出,即使它顯示格式錯誤或無效的請求。如果您已經遇到網路問題,則需要檢查網路層(例如防火牆、後端連接埠綁定等),如果情況並非如此,請繼續。
  3. 在瀏覽器開發工具 (F12) 中開啟網路標籤並過濾與後端的所有連線。現在嘗試使用 map / leafletJS 並檢查該選項卡中的其他資訊。您可能會看到錯誤訊息,表示您的瀏覽器因與跨來源請求 (CORS) 相關的問題而封鎖了該要求。
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板