31:T5fa, 32:[] 2f:{"title":"","cells":[{"id":0,"value":"### Geocoding/Autocompletion/Search Example","pinned":false,"hidden":false,"mode":"md"},{"id":650,"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"},{"id":20,"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"},{"id":62,"value":"originSearch = {\n const container3 = html`

`;\n yield container3;\n\n var geocoder = new nbaiGeocodePlugin({\n externalGeocoder: externalGeocoder,\n limit: 15,\n placeholder: \"Set Origin\",\n nbaiKey: apiKey,\n render: function (item) {\n let place_type = \"\";\n let maki = \"location-dot\";\n item.place_name = item.properties.address;\n return ``;\n }\n });\n geocoder.setMinLength(2);\n geocoder.addTo(container3);\n\n geocoder.on(\"result\", function (e) {\n mutable originSearchResult = [];\n mutable originSearchResult.push(e.result);\n });\n\n geocoder.on(\"clear\", function (e) {\n mutable originSearchResult = [];\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"selectedText = {\n originSearch;\n originSearchResult;\n if (mutable originSearchResult.length) {\n return md`Selected address: ${\n mutable originSearchResult[0].properties.address\n } ${mutable originSearchResult[0].center[1]},${\n mutable originSearchResult[0].center[0]\n }`;\n } else {\n return md`Search for an address..`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":567,"value":"----","pinned":false,"hidden":false,"mode":"md"},{"id":749,"value":"viewof latLon = Inputs.text({\n label: \"Location\",\n placeholder: \"25.797755,-80.127437\",\n value: \"25.797755,-80.127437\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":773,"value":"viewof resultLimit = Inputs.text({\n label: \"Result Limit\",\n placeholder: \"10\",\n value: \"10\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":777,"value":"viewof searchRadius = Inputs.text({\n label: \"Search Radius (m)\",\n placeholder: \"100\",\n value: \"100\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":799,"value":"revGeocode = {\n const tableResults = await fetchReverseGeocodeResults(\n latLon.split(\",\")[0],\n latLon.split(\",\")[1]\n );\n\n return Inputs.table(tableResults, {\n columns: [\"name\"],\n header: {\n name: \"Description\"\n },\n width: {\n name: 300\n },\n required: false,\n rows: 20\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":757,"value":"places = {\n const tableResults = await fetchNearPOIResults(\n latLon.split(\",\")[0],\n latLon.split(\",\")[1]\n );\n console.log(tableResults);\n return Inputs.table(tableResults, {\n columns: [\"name\", \"score\", \"distance\", \"classifications\"],\n header: {\n score: \"Score\",\n distance: \"Distance\",\n name: \"Description\",\n classifications: \"Classification\"\n },\n format: {\n description: (value, row) => value.name\n },\n width: {\n score: 75,\n distance: 100,\n name: 300,\n classification: 200\n },\n required: false,\n rows: 20\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"mutable originSearchResult = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"async function externalGeocoder(input, _features, config) {\n config.center = \"40.1177,-83.1264\";\n const { features } = await nbaiMultiGeocode({\n query: input,\n proximity: config.proximity,\n nbaiKey: config.nbaiKey,\n center: \"40.1177,-83.1265\",\n countryList: \"USA\"\n });\n return features;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":752,"value":"async function fetchNearPOIResults(lat, lon) {\n const url = `https://api.tomtom.com/search/2/nearbySearch/.json?lat=${lat}&lon=${lon}&key=cMgv1XAEcSCrYGoKkI4X3bZ5h29uLma5&radius=${searchRadius}&limit=${resultLimit}`;\n const response = await fetch(url);\n const data = await response.json();\n return data.results.map((result) => ({\n type: result.type,\n name: result.poi.name,\n score: result.score.toFixed(2),\n distance: result.dist.toFixed(2) + \" m\",\n address: result.address.freeformAddress,\n classifications: result.poi.classifications[0].code\n }));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":797,"value":"async function fetchReverseGeocodeResults(lat, lon) {\n const url = `https://api.nextbillion.io/revgeocode?key=${apiKey}&at=${latLon}&limit=${resultLimit}`;\n const response = await fetch(url);\n const data = await response.json();\n return data.items.map((result) => ({\n name: result.title\n }));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"import {\n nextbillion,\n nbaiGeocodePlugin,\n nbaiGeocode,\n nbaiMultiGeocode,\n secret2\n} from \"@nbai/nextbillion-ai-dependencies\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"serviceHost = \"api.nextbillion.io\"\n//serviceHost = \"stg-gcp-sgp.nextbillion.io\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":18,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":65,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":101,"value":"$31","pinned":false,"hidden":false,"mode":"html"}],"files":"$W32","stdlib":"1","titling":"auto"}