<Document>

<Style id="waypoint">
    <IconStyle>
        <Icon>
            <href>http://maps.google.com/mapfiles/kml/shapes/placemark_circle.png</href>
            <scale>0.85</scale>
        </Icon>
    </IconStyle>
</Style>

<Style id="midpoint">
    <IconStyle>
        <Icon>
            <href>http://maps.google.com/mapfiles/kml/shapes/placemark_circle.png</href>
            <scale>0.6</scale>
        </Icon>
        <color>80ffffff</color>
    </IconStyle>
</Style>

<Style id="direction">
    <IconStyle>
        <Icon>
            <href>http://maps.google.com/mapfiles/kml/pal3/icon20.png</href>
            <scale>0.85</scale>
        </Icon>
    </IconStyle>
</Style>

<Style id="segment">
    <LineStyle>
        <color>ff0000ff</color>
        <width>{{ options.planLineWidthPixels }}</width>
    </LineStyle>
</Style>

</Document>

<Document>

<Style id="waypoint">
    <IconStyle>
        <Icon>
            <href>http://maps.google.com/mapfiles/kml/shapes/placemark_circle.png</href>
            <scale>0.85</scale>
        </Icon>
    </IconStyle>
</Style>

<Style id="midpoint">
    <IconStyle>
        <Icon>
            <href>http://maps.google.com/mapfiles/kml/shapes/placemark_circle.png</href>
            <scale>0.6</scale>
        </Icon>
        <color>80ffffff</color>
    </IconStyle>
</Style>

<Style id="direction">
    <IconStyle>
        <Icon>
            <href>http://maps.google.com/mapfiles/kml/pal3/icon28.png</href>
            <scale>0.85</scale>
        </Icon>
    </IconStyle>
</Style>

<Style id="segment">
    <LineStyle>
        <color>ff0000ff</color>
        <width>{{ options.planLineWidthPixels }}</width>
    </LineStyle>
</Style>

</Document>

Use circle crosshairs for directional drag handle
Use circle crosshairs for directional drag handle
