2b:null 2c:["$","title",null,{"children":"Simple Distance Matrix Example - API | NB.AI Solutions Team | Observable"}] 31:[] 2f:{"id":"c9fc12b2172d066b","slug":null,"title":"Simple Distance Matrix Example - API","thumbnail":"09f173cf5d39ef0589fb5045015ebd7f54a797ff5eebd8f4b87cf0a45379a455","access_level":"public","create_time":"$D2023-01-27T15:23:42.701Z","update_time":"$D2023-01-30T12:47:40.037Z","view_time":null,"first_public_time":"$D2023-01-27T16:03:28.068Z","has_unpublished_edits":null,"fork":false,"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":109,"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":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Simple Distance Matrix Example - API","cells":[{"id":0,"value":"# Simple Distance Matrix Example - API","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"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":91,"value":"md`Change the addresses below if you want to modify the inputs`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"addresses = [\n \"detroit,mi\",\n \"43017\",\n \"CMH\",\n \"toledo,oh\",\n \"erie,pa\",\n \"memphis,tn\",\n \"pittsburgh,pa\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"md`Step 1 is to geocode all of the input addresses to retrieve latitude,longitude pairs for each location.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"geocodedAddresses = {\n let geocodes = [];\n\n for (let i = 0; i < addresses.length; i++) {\n let resp = await fetch(\n `${geocodeURL}?key=${apiKey}&q=${addresses[i]}&at=${searchBiasLocation}&in=countryCode:USA&limit=1`\n ).then();\n geocodes.push(await resp.json());\n }\n return geocodes;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"md`Step 2 is to use the geocoded addresses to setup a balanced distance matrix request between each point. We define each point as an individual origin and destination.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"theDM = {\n let origs = \"\";\n let dests = \"\";\n geocodedAddresses.forEach((a) => {\n origs += `${a.items[0].position.lat},${a.items[0].position.lng}|`;\n dests += `${a.items[0].position.lat},${a.items[0].position.lng}|`;\n });\n origs = origs.substring(0, origs.length - 1);\n dests = dests.substring(0, dests.length - 1);\n\n let response = await fetch(\n `${dmURL}?key=${apiKey}&origins=${origs}&destinations=${dests}&mode=4w`\n ).then((dmResp) => dmResp.json());\n return response;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"md`Display a formatted table of the results - in this case we display the distance in Km between each location.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"\n \n \n \n ${addresses.map(a => htl.html``)}\n \n \n \n ${theDM.rows.map((dm,idx) => htl.html`\n \n ${dm.elements.map(el => htl.html``)}\n `)}\n \n

${theDM.localDatetime}	${a}
${addresses[idx]}	${(el.distance.value/1000).toFixed(0)}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"import { secret2 } from \"@nbai/nextbillion-ai-dependencies\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"dmURL = \"https://api.nextbillion.io/distancematrix/json\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"geocodeURL = \"https://api.nextbillion.io/h/geocode\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"searchBiasLocation = \"40.1177,-83.1265\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"