[C# WinFrom 使用 Google Map] 在地图上画轨迹线

 

google map 上画 多条线段是使用 google.maps.Polyline 来实现的.

javascript 代码:

   var polyline;   
   //画多边形 google.maps.Polyline    

    function drawPolyline(latLngArray)

    {

        var path = new Array();

        var latLngs = latLngArray.toString().split(";");

        for(index in latLngs)

        {

           var latLng = latLngs[index].split(",");

           if(latLng.length==2)

           {

               path.push((new google.maps.LatLng(latLng[0], latLng[1])));

           }

        }

        

            polyline = new google.maps.Polyline(

            {

              map: map,

              path: path,

              geodesic: true,

              strokeColor: "#FF0000",

              strokeOpacity: 0.6,

              strokeWeight: 2

            });

    }

    

    function clearPolyLine()

    {

       if(polyline!=null)

       {

          polyline.setMap(null);

       }

    }

C#调用代码:

        public static string DrawPolyline(WebBrowser wb, List<PointF> ptList)
        {
            StringBuilder sb = new StringBuilder();
            foreach (var item in ptList)
            {
                sb.AppendFormat("{0},{1};", item.Y, item.X);
            }

            Object[] objArray = new Object[1] { sb.ToString().TrimEnd(';') };
   

            string optName = "drawPolyline";
            return DoneGoogleMapOp(wb, optName, objArray);
        }

        // 执行脚本命令

        private static string DoneGoogleMapOp(WebBrowser wb, string optName, Object[] objArray)

        {

            string retStr = "";

            try

            {

                Object objRet = wb.Document.InvokeScript(optName, objArray);

                if (objRet != null)

                    retStr = objRet.ToString();

            }

            catch { }

            return retStr;

        }



        //画轨迹数据

        public static string DrawPolyline(WebBrowser wb, List<LatLng> trackList)

        {

            List<PointF> ptList = new List<PointF>();

            trackList.ForEach(item => ptList.Add(new PointF((float)item.Lng, (float)item.Lat)));



            return DrawPolyline(wb, ptList);

        }



        // clearPolyLine

        public static string ClearPolyLine(WebBrowser wb)

        {

            return DoneGoogleMapOp(wb, "clearPolyLine", null);

        }

 使用实际参数调用:

   DrawPolyline(wbGoogleMap, trackList);