UX+Dev Summit: Developing An In-Door Map – II
So far with these articles, we discussed that it is now possible to extend the navigation experience and bring it home with end-to-end indoor capabilities. Mapping can now be applied to any major area such as airports, shopping malls, museums, smart cities and pretty much anything that you can geocode. For this series, we talked about the things we’re going to need to develop the application. Remember, you’ll need to create a WRLD; account and also install Node.js. We also briefly mentioned the capabilities of Node.js and how we can use it in this custom apps development.
Before you continue to through this series, make sure that you’ve acquired an API key and also have Nodejs installed on your local MAC or PC.
Building The App
First, let’s create the root folder of the project, we’ll call it amc-maps. This will be the directory where we will run all the commands. Open a terminal and run the following command at the location you wish.
Second, navigate to this directory:
The output of this command is:
With our basic structure in place, we’re ready to import the project into the IDE.
You can choose whatever IDE you wish, if you are following along, I’m going to use Sublime. Sublime is free and it does a great job for what we need. Alternatively, you can use VS Code which is great tool as well. I like lightweight IDE’s with as little overhead as possible.
In the IDE, select “Open Folder” at the root level, in this case, amc-maps and once you’ve done that, select “Open Folder” at the location of amc-maps:
With that imported, you can save the project as a template so that your settings are stored in the future by doing the following. Once you’ve found that option, we’ll go ahead and save the project template as “amc-maps”.
In this article, we discussed that it is now possible to extend the navigation experience and bring it home with end-to-end indoor capabilities. Mapping can now be applied to any major area such as airports, shopping malls, museums, smart cities and pretty much anything that you can geocode.
In our next article, we’ll start developing our custom application and jump straight into UX+Dev Summit: Developing An In-Door Map.