2d:null 2e:["$","title",null,{"children":"Large Distance Matrix Example - Flex and Standard | NB.AI Solutions Team | Observable"}] 33:T4a9,async function getDM(origS, idx) { let retval = null; let dmTest = { origins: origS, destinations: origS, mode: inputData_a.routeStyle.value, departure_time: Date.parse(inputData_a.departureTime) / 1000 }; if (inputData_a.mode.value === "flexible") { retval = await fetch( `https://api.nextbillion.io/distancematrix/json-concise?key=${apiKey}&context=inrix&origins=${origS}&destinations=${origS}&mode=${ inputData_a.routeStyle.value }&departure_time=${ Date.parse(inputData_a.departureTime) / 1000 }&option=flexible` ).then((response) => { return response.json(); }); } else { retval = await fetch( `https://api.nextbillion.io/distancematrix/json-concise?key=${apiKey}`, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(dmTest) } ).then((response) => { return response.json(); }); } let tbl = document.getElementById("grid"); tbl.innerHTML = `DM${idx} Matrix complete. (${ inputData_a.jobs / inputData_a.chunks }x${inputData_a.jobs})`; return retval; }34:T4b8,inputs = { const offset = new Date().getTimezoneOffset(); let newBase = new Date(new Date().getTime() + 86400 * 1000); let tmrwStart = new Date( `${newBase.toLocaleDateString("en-US")} 06:00:00 GMT${ offset >= 0 ? "+" : "" }${Math.round(offset / 60)}${ Math.abs(offset % 60) ? Math.abs(offset % 60) : "" }` ); const inputs = { departureTime: Inputs.datetime({ label: "Departure Time", value: tmrwStart.toISOString().slice(0, -1) }), jobs: Inputs.select(jobs, { label: "Number of Origin/Dests", value: "50" }), chunks: Inputs.select(chunks, { label: "Chunks", value: "1" }), city: Inputs.select(cities, { label: "Select city", format: (x) => x.name, value: cities.find((t) => t.name === "Los Angeles") }), routeStyle: Inputs.select(routeStyles, { label: "Route Profile", format: (x) => x.name, value: routeStyles.find((t) => t.name === "Automobile") }), mode: Inputs.select( [ { name: "Standard", value: "standard" }, { name: "Flexible", value: "flexible" } ], { label: "Options", format: (x) => x.name } ) }; return inputs; }35:T94e,html``36:[] 31:{"id":"b40c9b87bc81ad74","slug":"large-distance-matrix-example-flex-and-standard","title":"Large Distance Matrix Example - Flex and Standard","thumbnail":"b18ffff196065db829b3838b731800302b477e34e3087c6f00464d5b2f977f21","access_level":"public","create_time":"$D2023-03-13T20:37:23.866Z","update_time":"$D2023-06-14T15:16:37.622Z","view_time":null,"first_public_time":"$D2023-04-03T12:45:37.894Z","has_unpublished_edits":null,"fork":{"id":"99992b0b0a9c336a","slug":"dm-example-flex-and-standard","title":"Simple Distance Matrix Example - Flex and Standard","owner":{"id":"05baed136f9134c1","login":"nbai","name":"NB.AI Solutions Team"}},"stars":0,"starred":false,"owner":{"type":"team","id":"05baed136f9134c1","login":"nbai","name":"NB.AI Solutions Team","avatar_url":"https://avatars-next.observableusercontent.com/7a25d1b5deb9c5290b12e4e0914aacdbd4196bb5c3a94c63a0fda0fe706d28b2","tier":"starter_2024"},"version":563,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"bcb6b2e256659128","login":"jim-welch","name":"Jim Welch","avatar_url":"https://avatars-next.observableusercontent.com/6334ed2ccd004bd8ab34e9f05c047bf4ef291dea914767f26079d7756d073607","tier":null}],"members":[{"type":"individual","id":"bcb6b2e256659128","login":"jim-welch","name":"Jim Welch","avatar_url":"https://avatars-next.observableusercontent.com/6334ed2ccd004bd8ab34e9f05c047bf4ef291dea914767f26079d7756d073607","tier":null,"role":"editor"},{"type":"team","id":"05baed136f9134c1","login":"nbai","name":"NB.AI Solutions Team","avatar_url":"https://avatars-next.observableusercontent.com/7a25d1b5deb9c5290b12e4e0914aacdbd4196bb5c3a94c63a0fda0fe706d28b2","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Large Distance Matrix Example - Flex and Standard","cells":[{"id":0,"value":"# Large Distance Matrix Example - Flex and Standard","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"viewof apiKey = secret2(\"apiKey\", {\n title: \"NextBillion.ai API Key\",\n submit: \"Set\",\n description:\n \"Contact support@nextbillion.ai to get your API key\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":560,"value":"apiKey","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"{\n nextbillion.setApiKey(apiKey);\n return html`Set API key
nextbillion.setApiKey(${apiKey.substr(\n 0,\n 4\n )}....)`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"html`Add the stylesheet for the NB.ai SDK
<link href=\"https://maps-gl.nextbillion.io/maps/v2/api/css\" rel=\"stylesheet\">`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":57,"value":"md`Change the parameters below if you want to modify the inputs and then press the 'Request Distance Matrix' button`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"viewof panel = Inputs.form(inputs, {\n template: (v) => htl.html`\n

\n ${v.departureTime}\n ${v.city}\n ${v.jobs}\n ${v.routeStyle}\n ${v.mode}\n

\n\n`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"{\n const button = html` `;\n button.onclick = () => {\n mutable inputData_a = panel;\n let tbl = document.getElementById(\"grid\");\n tbl.innerHTML = \"Matrix pending...\";\n //let tbl2 = document.getElementById(\"grid2\");\n //tbl2.innerHTML = \"DM2 Matrix pending...\";\n button.disabled = true;\n };\n return html`${button}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":274,"value":"dmTable = {\n if (theDM) {\n yield Inputs.table(theDM.rows);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":256,"value":"randomVRPInputs = {\n let retval = null;\n let jobs = inputData_a ? inputData_a.jobs : 25;\n let city = inputData_a ? inputData_a.city.value : \"la\";\n retval = await fetch(\n `https://m4aqpzp5ah6n7ilzunwyo5ma2u0ezqcc.lambda-url.us-east-2.on.aws/?region=${city}&number=${jobs}&vehicles=5&type=service`\n ).then((response) => response.json());\n return retval;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":413,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"theDM = {\n if (inputData_a == undefined) {\n return undefined;\n }\n let originArray = [];\n let dmResult = [];\n let origS = \"\";\n let chunkCount = 0;\n\n randomVRPInputs.pointsArray.forEach((a, idx) => {\n if (inputData_a.chunks > 1) {\n randomVRPInputs.pointsArray.forEach((a, idx) => {\n origS += `${a.latitude},${a.longitude}|`;\n });\n chunkCount++;\n if (chunkCount === parseInt(inputData_a.chunks)) {\n origS = origS.substr(0, origS.length - 1);\n originArray.push(origS);\n origS = \"\";\n chunkCount = 0;\n }\n } else {\n origS += `${a.latitude},${a.longitude}|`;\n }\n });\n\n if (parseInt(inputData_a.chunks) === 1) {\n origS = origS.substr(0, origS.length - 1);\n originArray.push(origS);\n }\n //originArray.forEach((o, i) => {\n let retval = getDM(originArray[0], 0).then((data) => {\n return data;\n });\n //});\n\n yield retval;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"jobs = [\"5\", \"10\", \"50\", \"100\", \"200\", \"500\", \"1000\", \"2000\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"chunks = [\"1\", \"5\", \"10\", \"50\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"mutable inputData_a = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"import {\n nextbillion,\n secret2,\n routeStyles,\n cities\n} from \"@nbai/nextbillion-ai-dependencies\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":510,"value":"googtable = require(\"https://www.gstatic.com/charts/loader.js\").catch(\n () => window.google\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 32:"$31:body"