[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);

  

你可能感兴趣的:(google map)