Comment résoudre le problème : "Impossible de charger la ressource : net::ERR_CONNECTION_REFUSED http://localhost:8989/route?...."
P粉475315142
P粉475315142 2023-11-12 19:34:27
0
1
941

Il y a un problème avec mon programme. Il s'agit d'un programme sur les systèmes d'information géographique, utilisant la bibliothèque LeatlefJs, et j'ai également utilisé la fonction routeur letlef. Le problème est que le système n'est pas capable d'afficher l'itinéraire qu'il devrait pouvoir afficher, je ne comprends pas très bien. Voici le scénario.

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();
                    }
                  }
            });
        }

L'erreur est comme ça

Impossible de charger la ressource : net::ERR_CONNECTION_REFUSED http://localhost:8989/route?point=3.611967691620835,98.67254734039308&point=3.611126,98.67548&points_encoded=false&instructions=false&vehicle=motorcycle&ch.dis able=true&weighted=shortest&algorithm=alternative_route

P粉475315142
P粉475315142

répondre à tous(1)
P粉819533564

(Je ne peux pas encore commenter donc j'essaie de vous aider à répondre)

  1. Assurez-vous d'avoir un backend valide pour réagir à la bibliothèque JS (voir https://www.liedman.net/leaflet-routing-machine/tutorials/alternative-routers/ pour un backend valide)
  2. Essayez de saisir l'URL directement dans votre navigateur (sans utiliser Leaflet ou quoi que ce soit d'autre) : http://localhost:8989/route -> Vous devriez voir la sortie JSON, même si elle affiche une requête mal formée ou invalide. Si vous rencontrez déjà des problèmes de réseau, vous devez vérifier la couche réseau (par exemple, pare-feu, liaisons de port backend, etc.), si ce n'est pas le cas, continuez.
  3. Ouvrez l'onglet réseau dans les outils de développement du navigateur (F12) et filtrez toutes les connexions au backend. Essayez maintenant d'utiliser map/leafletJS et vérifiez les autres informations dans cet onglet. Vous pouvez voir un message d'erreur indiquant que votre navigateur bloque la demande en raison de problèmes liés aux requêtes Cross-Origin (CORS).
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal