import * as azmapsrest from "azure-maps-rest";
/** Embedded SVG icons that can easily be styled using CSS. Also faster than making a bunch of HTTP requests. */
export class EmbeddedIcons {
/**
* Retrieves an SVG icon for a route instruction.
* @param instruction The route instruction to get the icon for.
* @returns An SVG icon for a route instruction.
*/
public static getRouteInstructionIcon(instruction?: azmapsrest.Models.RouteResultInstruction): string {
let ds = instruction.drivingSide || 'RIGHT';
let m: string = instruction.maneuver;
let icon: string;
if (m) {
//Override maneuver with alternate icon.
switch (m) {
case 'TRY_MAKE_UTURN':
m = 'MAKE_UTURN';
break;
case 'FOLLOW':
m = 'STRAIGHT';
break;
case 'DEPART':
case 'ARRIVE':
m = 'WAYPOINT_REACHED';
break;
case 'ARRIVE_LEFT':
m = 'WAYPOINT_LEFT';
break;
case 'ARRIVE_RIGHT':
m = 'WAYPOINT_RIGHT';
break;
case 'ENTER_MOTORWAY':
case 'ENTER_FREEWAY':
case 'ENTRANCE_RAMP':
m = 'ENTER_HIGHWAY';
break;
case 'TAKE_EXIT':
if (ds === 'LEFT') {
m = 'MOTORWAY_EXIT_LEFT';
} else {
m = 'MOTORWAY_EXIT_RIGHT';
}
break;
case 'SWITCH_PARALLEL_ROAD':
m = 'SWITCH_MAIN_ROAD';
break;
}
if (ds === 'LEFT') {
icon = this.RouteIconsLeft[m];
}
if (!icon) {
icon = this.RouteIcons[m];
}
}
if (icon && icon !== '') {
return icon;
}
return null;
}
/** Route manuever icons. */
private static RouteIcons = {
WAYPOINT_REACHED: '',
WAYPOINT_LEFT: '',
WAYPOINT_RIGHT: '',
STRAIGHT: '',
KEEP_RIGHT: '',
BEAR_RIGHT: '',
TURN_RIGHT: '',
SHARP_RIGHT: '',
KEEP_LEFT: '',
BEAR_LEFT: '',
TURN_LEFT: '',
SHARP_LEFT: '',
MAKE_UTURN: '',
MOTORWAY_EXIT_LEFT: '',
MOTORWAY_EXIT_RIGHT: '',
TAKE_FERRY: '',
ROUNDABOUT_CROSS: '',
ROUNDABOUT_RIGHT: '',
ROUNDABOUT_LEFT: '',
ROUNDABOUT_BACK: '',
SWITCH_MAIN_ROAD: '',
ENTER_HIGHWAY: '',
};
/** Route icons that are unique to driving on the left side of the road. */
private static RouteIconsLeft = {
ROUNDABOUT_CROSS: '',
ROUNDABOUT_RIGHT: '',
ROUNDABOUT_LEFT: '',
ROUNDABOUT_BACK: '',
MAKE_UTURN: ''
};
//Temp icons - May be used in the future.
/* private static TempIcons = {
SearchIcon: '',
RulerIcon: '',
CarIcon: '',
Add: '',
Accident: ''
};*/
}