On Google Maps when displaying driving directions there are direction icons located on the left (roundabout, left arrow, right arrow etc), I've searched through the documentation and can't find a way to display the icons on a module that I'm creating, has anyone found a way to display them on the direction pane.
Thanks in advance
The red symbol in the compass icon is pointing north, while the grey symbol is pointing south. Your blue beam icon will show your current direction of travel.
By superimposing a massive arrow on the screen to tell you so. It's called Live View and it's here to help you get to your destination. The Live View feature presents the area around you as viewed through your phone's camera, using AR to place huge arrows that tell you exactly when to turn left or right.
Click the name of the pin you've just added on the menu panel on the upper left corner of the web page, and click the paint bucket icon next to it. A small dialog box with a color picker will appear. Click “More Icons” on the box, and a larger dialog box labeled “Choose your icon” will show.
You could use the "maneuver" field in routes[i].legs[j].steps[k].maneuver
to display these icons.
If you have a look at the setPanel tutorial, you can see that it's using the maneuver field to set the corresponding icon in the directions panel. You can check that the icon for each step is set by the CSS class ".adp-{maneuver}".
Here's a list of maneuvers that I found within the CSS file that this example is using:
It seems like these maneuvers are not affected by localization, so it shouldn't be an issue.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With