{"id":1009,"date":"2024-09-17T14:25:11","date_gmt":"2024-09-17T14:25:11","guid":{"rendered":"https:\/\/qualityclub.gr\/?page_id=272"},"modified":"2025-01-17T17:57:06","modified_gmt":"2025-01-17T17:57:06","slug":"%ce%b8%ce%ac%ce%bb%ce%b1%cf%83%cf%83%ce%b1-%cf%83%ce%ba%ce%ac%cf%86%ce%b7","status":"publish","type":"page","link":"https:\/\/qualityclub.gr\/?page_id=1009","title":{"rendered":"\u0398\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1 & \u03a3\u03ba\u03ac\u03c6\u03b7"},"content":{"rendered":"\n\n\n\n

\u0399\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03c5\u03c0\u03cc \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae!<\/h2>\n\n\n\n\n

\u0393\u03bd\u03c9\u03c1\u03b9\u03bc\u03af\u03b1\n\u03bc\u03b5 \u03c4\u03b1\u03c7\u03cd\u03c0\u03bb\u03bf\u03b1 \u03c3\u03ba\u03ac\u03c6\u03b7 \u03b1\u03bd\u03b1\u03c8\u03c5\u03c7\u03ae\u03c2<\/h2>\n\n\n

\u03a4\u03bf \u03c4\u03b1\u03be\u03af\u03b4\u03b9 \u03bc\u03b5\n\u03c4\u03b1\u03c7\u03cd\u03c0\u03bb\u03bf\u03b1 \u03c3\u03ba\u03ac\u03c6\u03b7 \u03b1\u03bd\u03b1\u03c8\u03c5\u03c7\u03ae\u03c2  \u03b5\u03af\u03bd\u03b1\u03b9 \u03ad\u03bd\u03b1\u03c2\n\u03c4\u03c1\u03cc\u03c0\u03bf\u03c2 \u03b6\u03c9\u03ae\u03c2 \u03c0\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c3\u03b4\u03af\u03b4\u03b5\u03b9 \u03b1\u03c0\u03af\u03c3\u03c4\u03b5\u03c5\u03c4\u03b7 \u03b1\u03af\u03c3\u03b8\u03b7\u03c3\u03b7 \u03b5\u03bb\u03b5\u03c5\u03b8\u03b5\u03c1\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c7\u03b1\u03bb\u03ac\u03c1\u03c9\u03c3\u03b7\u03c2\n\u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b7\u03bd \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03b6\u03c9\u03ae\u03c2 .<\/p>\n

\u039f\u03b9 \u03b1\u03bd\u03b1\u03b3\u03bd\u03ce\u03c3\u03c4\u03b5\u03c2 \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf\u03bd \u03b9\u03c3\u03c4\u03bf\u03c4\u03cc\u03c0\u03bf \u03bc\u03b1\u03c2 \u03bc\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc\n\u03ac\u03c1\u03b8\u03c1\u03b1, <\/span>video<\/span> <\/span>\u03ba\u03b1\u03b9 \u03b9\u03c3\u03c4\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf\n(<\/span>blog<\/span>) \u03c0\u03ac\u03bd\u03c9\n\u03c3\u03b5 \u03b8\u03ad\u03bc\u03b1\u03c4\u03b1 \u03c7\u03c1\u03ae\u03c3\u03b7\u03c2, \u03b4\u03b9\u03b1\u03ba\u03c5\u03b2\u03ad\u03c1\u03bd\u03b7\u03c3\u03b7\u03c2, \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1\u03c2, \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03ba\u03c0\u03b1\u03af\u03b4\u03b5\u03c5\u03c3\u03b7\u03c2 \u03c4\u03c9\u03bd\n\u03c4\u03b1\u03c7\u03cd\u03c0\u03bb\u03bf\u03c9\u03bd \u03c3\u03ba\u03b1\u03c6\u03ce\u03bd, \u03c0\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03b1\u03c1\u03b1\u03af\u03c4\u03b7\u03c4\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03b5\u03be\u03bf\u03c1\u03bc\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03bf\u03c5\u03c2<\/span><\/p>\n\n\n\n\n\n\n\nn\n\n\n\n

Quality Lifestyle<\/h6>\n\n\n

\u0395\u03be\u03cc\u03c1\u03bc\u03b7\u03c3\u03b7 \u03bc\u03b5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2<\/h2>\n\n\n\n

<\/span><\/span>\u0391\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c8\u03c4\u03b5\n\u03c4\u03b9\u03c2 \u03b4\u03b1\u03bd\u03c4\u03b5\u03bb\u03c9\u03c4\u03ad\u03c2 \u03b1\u03ba\u03c4\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03ad\u03c2, \u03c4\u03bf\u03c5\u03c2 \u03c6\u03c5\u03c3\u03b9\u03ba\u03bf\u03cd\u03c2 \u03cc\u03c1\u03bc\u03bf\u03c5\u03c2, \u03c4\u03b1 \u03ba\u03b1\u03b8\u03b1\u03c1\u03ac \u03ba\u03b1\u03b9 \u03b3\u03b1\u03bb\u03b1\u03b6\u03bf\u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03b1 \u03bd\u03b5\u03c1\u03ac, \u03c4\u03b1 \u03b1\u03ba\u03b1\u03c4\u03bf\u03af\u03ba\u03b7\u03c4\u03b1 \u03bd\u03b7\u03c3\u03b9\u03ac, \u03c4\u03b9\u03c2 \u03c0\u03b1\u03bd\u03ad\u03bc\u03bf\u03c1\u03c6\u03b5\u03c2 \u03c0\u03b1\u03c1\u03b1\u03bb\u03af\u03b5\u03c2, \u03c4\u03b1 \u03b3\u03c1\u03b1\u03c6\u03b9\u03ba\u03ac \u03c8\u03b1\u03c1\u03bf\u03c7\u03ce\u03c1\u03b9\u03b1, \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03b1\u03c5\u03b8\u03b5\u03bd\u03c4\u03b9\u03ba\u03b1\n\u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03b1 \u03c6\u03b1\u03b3\u03b7\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03c3\u03c5\u03bd\u03b8\u03ad\u03c4\u03bf\u03c5\u03bd \u03c4\u03b7 \u03bc\u03b1\u03b3\u03b5\u03af\u03b1 \u03c4\u03b7\u03c2 \u0395\u03bb\u03bb\u03b1\u03b4\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03c9\u03bd \u03bd\u03b7\u03c3\u03b9\u03ce\u03bd \u03c4\u03b7\u03c2. <\/span><\/p>\n\n\n\n\n\n\nn\n\n\n\n

Quality Lifestyle<\/h6>\n\n\n

\u039d\u03b1\u03c5\u03c3\u03b9\u03c0\u03bb\u03bf\u0390\u03b1<\/h2>\n\n\n\n

\u0397 \u03b1\u03c3\u03c6\u03b1\u03bb\u03ae\u03c2 \u03c0\u03bb\u03b5\u03cd\u03c3\u03b7 \u03b5\u03bd\u03cc\u03c2 \u03c4\u03b1\u03c7\u03cd\u03c0\u03bb\u03bf\u03bf\u03c5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2 \u03b5\u03c0\u03b9\u03c4\u03c5\u03b3\u03c7\u03ac\u03bd\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03c4\u03ad\u03c7\u03bd\u03b7 \u03c4\u03b7\u03c2 \u039d\u03b1\u03c5\u03c3\u03b9\u03c0\u03bb\u03bf\u0390\u03b1\u03c2 \u03bc\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03ad\u03bd\u03b1 \u03c3\u03cd\u03bd\u03bf\u03bb\u03bf \u03ba\u03b1\u03bd\u03cc\u03bd\u03c9\u03bd, \u03bc\u03b5\u03b8\u03cc\u03b4\u03c9\u03bd \u03ba\u03b1\u03b9 \u03b3\u03bd\u03ce\u03c3\u03b5\u03c9\u03bd \u03c0\u03bb\u03bf\u03ae\u03b3\u03b7\u03c3\u03b7\u03c2 \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03c0\u03c1\u03bf\u03c3\u03b4\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03cc \u03c4\u03b7\u03c2 \u03b1\u03c0\u03cc\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2, \u03c4\u03b7\u03c2 \u03c0\u03bf\u03c1\u03b5\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03c5 \u03c3\u03c4\u03af\u03b3\u03bc\u03b1\u03c4\u03bf\u03c2 \u03b5\u03bd\u03cc\u03c2 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2.<\/p>\n\n\n\n\n\n\nn\n\n\n\n

Quality Lifestyle<\/h6>\n\n\n

\u0398\u03ad\u03bc\u03b1\u03c4\u03b1 \u03bd\u03b1\u03c5\u03c4\u03b9\u03ba\u03ae\u03c2 \u03c4\u03ad\u03c7\u03bd\u03b7\u03c2<\/h2>\n\n\n\n

\u03a0\u03b1\u03c1\u03bf\u03c5\u03c3\u03af\u03b1\u03c3\u03b7 \u03b8\u03b5\u03bc\u03ac\u03c4\u03c9\u03bd \u03bd\u03b1\u03c5\u03c4\u03b9\u03ba\u03ae\u03c2 \u03c4\u03ad\u03c7\u03bd\u03b7\u03c2 \u03cc\u03c0\u03c9\u03c2 \u03b5\u03bb\u03b9\u03b3\u03bc\u03bf\u03af \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2, \u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03b1\u03c0\u03bf\u03c6\u03c5\u03b3\u03ae \u03c3\u03c5\u03b3\u03ba\u03c1\u03bf\u03cd\u03c3\u03b5\u03c9\u03bd, \u03b1\u03c3\u03c6\u03b1\u03bb\u03ae\u03c2 \u03c4\u03b1\u03c7\u03cd\u03c4\u03b7\u03c4\u03b1, \u03ba\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2 \u03b1\u03b3\u03ba\u03c5\u03c1\u03bf\u03b2\u03bf\u03bb\u03af\u03b1\u03c2, \u03c0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b1\u03ba\u03c4\u03ae, \u03c0\u03c1\u03cc\u03c3\u03b4\u03b5\u03c3\u03b7 \u03c3\u03b5 \u03bc\u03ce\u03bb\u03bf \u03ba\u03b1\u03b9 \u03bd\u03b1\u03c5\u03c4\u03b9\u03ba\u03bf\u03af \u03ba\u03cc\u03bc\u03c0\u03bf\u03b9.<\/p>\n\n\n\n\n\n\n\n\n\n

\u03a0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03b1 \u0399\u03c3\u03c4\u03bf\u03bb\u03bf\u03b3\u03af\u03bf\u03c5 Blog <\/h2>\n\n\n\n\n\n

\u03a0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03b5\u03ba\u03c0<\/span>\u03b1\u03af\u03b4\u03b5\u03c5\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03b4\u03af\u03c0\u03bb\u03c9\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03c3\u03c4\u03b7\u03bd \u03b1\u03bd\u03bf\u03b9\u03ba\u03c4\u03ae \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1.<\/span><\/p>\n\n\n\n\n

\u0392\u03b1\u03c3\u03b9\u03ba\u03bf\u03af \u03b5\u03bb\u03b9\u03b3\u03bc\u03bf\u03af, \u03b1\u03c0\u03cc\u03bb\u03c0\u03bf\u03c5\u03c2\/\u03ba\u03b1\u03c4\u03ac\u03c0\u03bb\u03bf\u03c5\u03c2, \u03c0\u03c1\u03cc\u03c3\u03b4\u03b5\u03c3\u03b7 \u03c3\u03b5 \u03c0\u03c1\u03bf\u03b2\u03bb\u03ae\u03c4\u03b1, \u03c0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b1\u03ba\u03c4\u03ae, \u03b1\u03b3\u03ba\u03c5\u03c1\u03bf\u03b2\u03bf\u03bb\u03af\u03b1.<\/p>\n\n\n\n\n

\u0395\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b5\u03c2 \u03b1\u03c0\u03cc<\/span> \u03c4\u03b1\u03be\u03af\u03b4\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bc\u03c0\u03bb\u03b5\u03cd\u03c3\u03b5\u03b9\u03c2. <\/span>\u0395\u03be\u03bf\u03c1\u03bc\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03bf \u03a3\u03b1\u03c1\u03c9\u03bd\u03b9\u03ba\u03cc, \u0391\u03b9\u03b3\u03b1\u03af\u03bf \u03ba\u03b1\u03b9 \u0399\u03cc\u03bd\u03b9\u03bf!<\/font><\/p>\n\n\n\n\n\n\nRoute to a destination – Azure Maps Web SDK Samples<\/title>\n <meta charset=\"utf-8\">\n\t<link rel=\"shortcut icon\" href=\"\/favicon.ico\">\n \n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">\n <meta name=\"description\" content=\"This tutorial shows how to calculate a route and display it on the map.\">\n <meta name=\"keywords\" content=\"Microsoft maps, map, gis, API, SDK, services, module, tutorials, routing, directions, route, truck, commercial vehicle\">\n <meta name=\"author\" content=\"Microsoft Azure Maps\">\n <meta name=\"screenshot\" content=\"screenshot.jpg\">\n <!-- Add references to the Azure Maps Map control JavaScript and CSS files. -->\n <link href=\"https:\/\/atlas.microsoft.com\/sdk\/javascript\/mapcontrol\/2\/atlas.min.css\" rel=\"stylesheet\">\n <script src=\"https:\/\/atlas.microsoft.com\/sdk\/javascript\/mapcontrol\/2\/atlas.min.js\"><\/script>\n <!-- Add a reference to the Azure Maps Services Module JavaScript file. -->\n <script src=\"https:\/\/atlas.microsoft.com\/sdk\/javascript\/service\/2\/atlas-service.min.js\"><\/script>\n <script>\n var map, datasource, client;\n function GetMap() {\n \/\/ Instantiate a map object\n var map = new atlas.Map('myMap', {\n view: 'Auto',\n \/\/Add authentication details for connecting to Azure Maps.\n authOptions: {\n \n \/\/Alternatively, use an Azure Maps key. Get an Azure Maps key at https:\/\/azure.com\/maps. NOTE: The primary key should be used as the key.\n authType: 'subscriptionKey',\n subscriptionKey: 'SHVasmj7v07EMLEENR8fgDg87MXZQMNlFdgINv4TTZ0'\n }\n });\n \/\/Wait until the map resources are ready.\n map.events.add('ready', function () {\n \/\/Create a data source and add it to the map.\n datasource = new atlas.source.DataSource();\n map.sources.add(datasource);\n \/\/Add a layer for rendering the route lines and have it render under the map labels.\n map.layers.add(new atlas.layer.LineLayer(datasource, null, {\n strokeColor: '#2272B9',\n strokeWidth: 5,\n lineJoin: 'round',\n lineCap: 'round'\n }), 'labels');\n \/\/Add a layer for rendering point data.\n map.layers.add(new atlas.layer.SymbolLayer(datasource, null, {\n iconOptions: {\n image: ['get', 'icon'],\n allowOverlap: true\n },\n textOptions: {\n textField: ['get', 'title'],\n offset: [0, 1.2]\n },\n filter: ['any', ['==', ['geometry-type'], 'Point'], ['==', ['geometry-type'], 'MultiPoint']] \/\/Only render Point or MultiPoints in this layer.\n }));\n \/\/Create the GeoJSON objects which represent the start and end points of the route.\n var startPoint = new atlas.data.Feature(new atlas.data.Point([-122.130137, 47.644702]), {\n title: \"Redmond\",\n icon: \"pin-blue\"\n });\n var endPoint = new atlas.data.Feature(new atlas.data.Point([-122.3352, 47.61397]), {\n title: \"Seattle\",\n icon: \"pin-round-blue\"\n });\n \/\/Add the data to the data source.\n datasource.add([startPoint, endPoint]);\n map.setCamera({\n bounds: atlas.data.BoundingBox.fromData([startPoint, endPoint]),\n padding: 80\n });\n \/\/Use MapControlCredential to share authentication between a map control and the service module.\n var pipeline = atlas.service.MapsURL.newPipeline(new atlas.service.MapControlCredential(map));\n \/\/Construct the RouteURL object\n var routeURL = new atlas.service.RouteURL(pipeline);\n \/\/Start and end point input to the routeURL\n var coordinates = [[startPoint.geometry.coordinates[0], startPoint.geometry.coordinates[1]], [endPoint.geometry.coordinates[0], endPoint.geometry.coordinates[1]]];\n \/\/Make a search route request\n routeURL.calculateRouteDirections(atlas.service.Aborter.timeout(10000), coordinates).then((directions) => {\n \/\/Get data features from response\n var data = directions.geojson.getFeatures();\n datasource.add(data);\n });\n });\n }\n <\/script>\n <style>\n html,\n body {\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n }\n #myMap {\n width: 100%;\n height: 100%;\n }\n <\/style>\n <div id=\"myMap\"><\/div>\n\n\n\n\n\n\n<title>Route to a destination – Azure Maps Web SDK Samples<\/title>\n <meta charset=\"utf-8\">\n\t<link rel=\"shortcut icon\" href=\"\/favicon.ico\">\n \n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">\n <meta name=\"description\" content=\"This tutorial shows how to calculate a route and display it on the map.\">\n <meta name=\"keywords\" content=\"Microsoft maps, map, gis, API, SDK, services, module, tutorials, routing, directions, route, truck, commercial vehicle\">\n <meta name=\"author\" content=\"Microsoft Azure Maps\">\n <meta name=\"screenshot\" content=\"screenshot.jpg\">\n <!-- Add references to the Azure Maps Map control JavaScript and CSS files. -->\n <link href=\"https:\/\/atlas.microsoft.com\/sdk\/javascript\/mapcontrol\/2\/atlas.min.css\" rel=\"stylesheet\">\n <script src=\"https:\/\/atlas.microsoft.com\/sdk\/javascript\/mapcontrol\/2\/atlas.min.js\"><\/script>\n <!-- Add a reference to the Azure Maps Services Module JavaScript file. -->\n <script src=\"https:\/\/atlas.microsoft.com\/sdk\/javascript\/service\/2\/atlas-service.min.js\"><\/script>\n <script>\n var map, datasource, client;\n function GetMap() {\n \/\/ Instantiate a map object\n var map = new atlas.Map('myMap', {\n view: 'Auto',\n \/\/Add authentication details for connecting to Azure Maps.\n authOptions: {\n \n \/\/Alternatively, use an Azure Maps key. Get an Azure Maps key at https:\/\/azure.com\/maps. NOTE: The primary key should be used as the key.\n authType: 'subscriptionKey',\n subscriptionKey: 'SHVasmj7v07EMLEENR8fgDg87MXZQMNlFdgINv4TTZ0'\n }\n });\n \/\/Wait until the map resources are ready.\n map.events.add('ready', function () {\n \/\/Create a data source and add it to the map.\n datasource = new atlas.source.DataSource();\n map.sources.add(datasource);\n \/\/Add a layer for rendering the route lines and have it render under the map labels.\n map.layers.add(new atlas.layer.LineLayer(datasource, null, {\n strokeColor: '#2272B9',\n strokeWidth: 5,\n lineJoin: 'round',\n lineCap: 'round'\n }), 'labels');\n \/\/Add a layer for rendering point data.\n map.layers.add(new atlas.layer.SymbolLayer(datasource, null, {\n iconOptions: {\n image: ['get', 'icon'],\n allowOverlap: true\n },\n textOptions: {\n textField: ['get', 'title'],\n offset: [0, 1.2]\n },\n filter: ['any', ['==', ['geometry-type'], 'Point'], ['==', ['geometry-type'], 'MultiPoint']] \/\/Only render Point or MultiPoints in this layer.\n }));\n \/\/Create the GeoJSON objects which represent the start and end points of the route.\n var startPoint = new atlas.data.Feature(new atlas.data.Point([-122.130137, 47.644702]), {\n title: \"Redmond\",\n icon: \"pin-blue\"\n });\n var endPoint = new atlas.data.Feature(new atlas.data.Point([-122.3352, 47.61397]), {\n title: \"Seattle\",\n icon: \"pin-round-blue\"\n });\n \/\/Add the data to the data source.\n datasource.add([startPoint, endPoint]);\n map.setCamera({\n bounds: atlas.data.BoundingBox.fromData([startPoint, endPoint]),\n padding: 80\n });\n \/\/Use MapControlCredential to share authentication between a map control and the service module.\n var pipeline = atlas.service.MapsURL.newPipeline(new atlas.service.MapControlCredential(map));\n \/\/Construct the RouteURL object\n var routeURL = new atlas.service.RouteURL(pipeline);\n \/\/Start and end point input to the routeURL\n var coordinates = [[startPoint.geometry.coordinates[0], startPoint.geometry.coordinates[1]], [endPoint.geometry.coordinates[0], endPoint.geometry.coordinates[1]]];\n \/\/Make a search route request\n routeURL.calculateRouteDirections(atlas.service.Aborter.timeout(10000), coordinates).then((directions) => {\n \/\/Get data features from response\n var data = directions.geojson.getFeatures();\n datasource.add(data);\n });\n });\n }\n <\/script>\n <style>\n html,\n body {\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n }\n #myMap {\n width: 100%;\n height: 100%;\n }\n <\/style>\n <div id=\"myMap\"><\/div>\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1009","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qualityclub.gr\/index.php?rest_route=\/wp\/v2\/pages\/1009","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qualityclub.gr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qualityclub.gr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qualityclub.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qualityclub.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1009"}],"version-history":[{"count":6,"href":"https:\/\/qualityclub.gr\/index.php?rest_route=\/wp\/v2\/pages\/1009\/revisions"}],"predecessor-version":[{"id":1190,"href":"https:\/\/qualityclub.gr\/index.php?rest_route=\/wp\/v2\/pages\/1009\/revisions\/1190"}],"wp:attachment":[{"href":"https:\/\/qualityclub.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}