Tutorial 3 — Lines

You can view the complete source for this tutorial here: https://github.com/ba3llc/AltusMappingEngineAndroid/tree/master/Lines

In this tutorial, we will build on the previous tutorial and add a vector line to represent a route over a street map. For this, we will:

  • Add a dynamic vector map layer on top of the street map.
  • Add a stylized line to the dynamic vector map to represent the route.
  • Make the vector layer semi-transparent so we can see the map underneath.
  • Add markers to the route end-points.
  • Automatically zoom in on the route.

Step 1 - Create some route points

Create a helper function to create an array of points to represent the route. These are for a route around Raleigh, NC. But you can use whatever coordinates you want.

Step 2 - Move the marker creation code into another function

Note that we’re changing the zOrder has changed to 3. In the Markers tutorial it was 2. We set it to 3 so we can put it above the vector line we’re going to add.

Step 3 - Create Vector Layer

Just after you load the street map add this code to add a dynamic vector map at zOrder 2. We set the alpha so that the layer will be semi-transparent.

Step 4 - Create a Line Style

Step 5 - Load the route and add a line

Step 6 - Add the markers and zoom to the route

Here we add markers to the route end-points and “look” at the route by specifying its min/max points to the lookAtCoordinates function and give it a 150 point buffer.

You can learn more about the Altus Mapping Engine classes used in this tutorial in the Documentation. If you have any questions about the Altus Mapping Engine, any feature requests or suggestions for improving the Altus Mapping Engine, please send them to [email protected].