2010-01-10 54 views
0

我嘗試創建路線規劃路線來跟蹤我的跑步路線。使用Bing地圖,我可以創建路線,但我正努力將其移至默認的'開始','結束'和'紅圈'行程圖標。必應地圖 - 移除路線圖標

以下是我的代碼(根據this link)。我基本上想要的是我在路線開始時的自己的開始圖標和結束時的結束圖標。除了路線之外,我不需要其他任何東西。

任何幫助(以及代碼改進提示)感激地收到!

jQuery(function() { 

    GetMap(); 

    $("#btnStartRoute").click(function() { 
     map.AttachEvent('onclick', StartRouting); 
    }); 
    }); 

    var map = null; 
    var myRoute = []; 
    var noOfPushPins = 0; 

    function GetMap() { 
    map = new VEMap('mapContent'); 
    map.SetCredentials("xxxxxxxxxxxxxxxxxx"); 
    map.LoadMap(); 
    } 

    function StartRouting(e) { 
    var xPoint = e.mapX, yPoint = e.mapY; 
    var pixel = new VEPixel(xPoint, yPoint); 
    var LL = map.PixelToLatLong(pixel); 
    cornerOne = LL; //cornerOne is a global level var 
    var latitude = map.PixelToLatLong(pixel).Latitude; 
    var longitiude = map.PixelToLatLong(pixel).Longitude; 
    myRoute[noOfPushPins] = new VELatLong(latitude, longitiude); 
    noOfPushPins++; 
    GetRoute(); 
    } 

    function GetRoute() { 
    var myRouteOptions = new VERouteOptions(); 
    myRouteOptions.RouteMode = VERouteMode.Walking; 
    myRouteOptions.RouteColor = new VEColor(0, 102, 51, .7); 
    myRouteOptions.RouteCallback = RouteCallback; 
    map.GetDirections(myRoute, myRouteOptions); 
    } 

    function RouteCallback(route) { 
    var myRouteShapes = []; 
    var myRoutePoints = []; 
    var points = route.RouteLegs[0].Itinerary.Items; 
    $.each(points, function(i) { 
     var routePointCoordinates = new VELatLong(route.RouteLegs[0].Itinerary.Items[i].LatLong.Latitude, route.RouteLegs[0].Itinerary.Items[i].LatLong.Longitude); 
     var routePointShape = new VEShape(VEShapeType.Pushpin, routePointCoordinates); 
     if (i != 0) { 
     routePointShape.SetCustomIcon("<img id='pushPin" + noOfPushPins + "' class='pushPin' src='/Content/Images/Maps/pushPinEnd.gif'><span class='pushPinText'>" + (noOfPushPins + 1) + "</span>"); 

     } else { 
     routePointShape.SetCustomIcon("<img id='pushPin" + noOfPushPins + "' class='pushPin' src='/Content/Images/Maps/pushPinStart.gif'><span class='pushPinText'>" + (noOfPushPins + 1) + "</span>"); 
     } 
     myRoutePoints.push(routePointShape); 
     map.Clear(); 
     map.DeleteRoute(); 
     map.AddShape(myRoutePoints); 
    }); 
    } 

回答