C# 调用百度地图web服务API

来源：互联网发布：女神异闻录5音乐知乎编辑：程序博客网时间：2024/05/21 17:33

1.关于百度提供的接口中的方法的实用，这里有很多官方提供的DEMO（http://developer.baidu.com/map/jshome.htm).

2.为了能与JS交互，首先引入using System.Security.Permissions；

在命名空间里添加：

        [PermissionSet(SecurityAction.Demand, Name = "FullTrust")]          [System.Runtime.InteropServices.ComVisibleAttribute(true)]

3.初始化webBrowser组件

        private void Form1_Load(object sender, EventArgs e)        {             string str_url = Application.StartupPath + "\\IndexMap.html";             Uri url = new Uri(str_url);               webBrowser1.Url = url;               webBrowser1.ObjectForScripting = this;             timer1.Enabled = true;          }

4.获取坐标

        private void timer1_Tick(object sender, EventArgs e)        {            try             {                 string tag_lng = webBrowser1.Document.GetElementById("mouselng").InnerText;                 string tag_lat = webBrowser1.Document.GetElementById("mouselat").InnerText;                 double dou_lng, dou_lat;                 if (double.TryParse(tag_lng, out dou_lng) && double.TryParse(tag_lat, out dou_lat))                 {                     this.toolStripStatusLabel1.Text ="当前坐标："+ dou_lng.ToString("F5") + "," + dou_lat.ToString("F5");                 }             }             catch (Exception ee)             {                MessageBox.Show(ee.Message);            }          }

5.一些方法的调用

1. webBrowser1.Document.InvokeScript("drawRec");//画矩形

2.webBrowser1.Document.InvokeScript("drawCircle");//画圆形

3.webBrowser1.Document.InvokeScript("openGetDistance");//测距

.........

6.百度提供的DEMO

关于更详细的，可以参考：http://blog.csdn.net/kkkkkxiaofei/article/details/8645856

 <!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hello Map</title> <script type="text/javascript"src="http://api.map.baidu.com/api?key=59db371659c04947a1ff044e80565718&v=1.4&services=true"></script>  <!--加载鼠标测距工具-->  <script src="DistanceTool_min.js" type="text/javascript"></script><!--加载鼠标绘制工具-->  <script type="text/javascript" src="DrawingManager_min.js"></script>  <link rel="stylesheet" href="DrawingManager_min.css" />  </head><body> <div id="mouselng" style="visibility:hidden"></div><div id="mouselat" style="visibility:hidden"></div> <div style="width:1000px;height:600px;border:1px solid gray" id="container"></div>  </body></html><script type="text/javascript">    var map = new BMap.Map("container");    map.centerAndZoom(new BMap.Point(108.876433, 36.269395), 5);    map.addControl(new BMap.ScaleControl()); //添加比例尺控件(左下角显示的比例尺控件)    map.addControl(new BMap.OverviewMapControl());// 缩略图控件    var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });     map.addControl(ctrl_nav);//添加标准地图控件(左上角的放大缩小左右拖拽控件)    map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)    map.enableScrollWheelZoom(); //启用地图滚轮放大缩小    map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)    map.enableKeyboard(); //启用键盘上下左右键移动地图     map.enableContinuousZoom();   // 开启连续缩放效果      map.enableInertialDragging(); // 开启惯性拖拽效果      //实时显示地图坐标 strat    map.addEventListener("mousemove",GetlngAndlat);         function GetlngAndlat(e) {    if(e.point.lng!=null)       {         document.getElementById("mouselng").innerHTML=e.point.lng;        document.getElementById("mouselat").innerHTML=e.point.lat;       }}   //实时显示地图坐标 end   //测量距离 strat    function openGetDistance() {       var myDis=new BMapLib.DistanceTool(map);//map为上面已经初始化好的地图实例       myDis.open();      }    //测量距离 end    //左右击鼠标给地图上放marker strat 放标注，并且将JS的数据传送给WINFORM     function PUTANDSEND() {         //右键标记        map.addEventListener("rightclick", putAndsend);        //左键标记        //map.addEventListener("click", putAndsend);  }  var marker_num = 0;    function putAndsend(e)      {        //放标注        var p1=new BMap.Point(e.point.lng,e.point.lat);          var myIcon = new BMap.Icon("png-0003.png", new BMap.Size(24, 24));        var marker = new BMap.Marker(p1, { icon: myIcon });  // 创建标注        map.addOverlay(marker);              // 将标注添加到地图中       marker_num++;//标注索引，这个是个全局变量        var whichCar=window.external.setWhichCar();        var label=new BMap.Label(whichCar+"号车-坐标"+marker_num+":"+      "("+e.point.lng+","+e.point.lat+")",{offset:new BMap.Size(20,-10)});        marker.setLabel(label);        //给WINFORM传值        window.external.PutIntotextBox(marker_num,whichCar,e.point.lng,e.point.lat);          }     //左右击鼠标给地图上放marker end     //在地图上画轨迹 strat    function DrawOrit1()      {       var Array=[];      var total_num= window.external.getRowsNumber();      for(var i=0;i<=2*total_num-1;i++)      {       Array.push(window.external.Getpoints(i));      }        var PointArr=[];      for(var i=0;i<=Array.length-1;i+=2)      {//偶数索引存经度，奇数存维度        PointArr.push(new BMap.Point(Array[i],Array[i+1]));      }      var polyline = new BMap.Polyline(PointArr, {strokeColor:"blue", strokeWeight:6,   strokeOpacity:0.5});  //定义折线        map.addOverlay(polyline);      window.external.ClearRows_num();//重置窗体计数器      }    //在地图上画轨迹 end    //在地图上画圆形或者方形 strat     // 编写自定义函数，创建标注       function addMarker(point) {         var myIcon = new BMap.Icon("png-0003.png", new BMap.Size(24, 24));        var marker = new BMap.Marker(point, { icon: myIcon });  // 创建标注        map.addOverlay(marker);              // 将标注添加到地图中      }    var overlays = [];    var complete=function(e)     {      overlays.push(e.overlay);      if (e.drawingMode == BMAP_DRAWING_CIRCLE)             {              //随便赋值，刷新一遍数据库(此方法只为演示，实际中要另考虑算法)            var test=  window.external.SearchAllCars(0);                         var circle_radius=e.overlay.getRadius();//半径            //圆心           var circle_point=new BMap.Point(e.overlay.getCenter().lng,e.overlay.getCenter().lat);           //从WINFORM里取出数据           var dangerCars=[];           var pointlen=window.external.GetdangerNum();              for(var k=0;k<=pointlen-1;k++)            {               dangerCars.push(window.external.SearchAllCars(k));            }           var BMappoints=[];//创建百度地图接口规定的数组           for(var j=0;j<=dangerCars.length-1;j+=2)            {              BMappoints.push(new BMap.Point(dangerCars[j],dangerCars[j+1]));            }                        for(var i=0;i<=BMappoints.length-1;i++)            {              if(map.getDistance(circle_point,BMappoints[i])<=circle_radius)              {                //AddMarker(BMappoints[i]);//调用添加标注版本V3.0                  var myIcon = new BMap.Icon("png-0003.png", new BMap.Size(24, 24));                var marker1 = new BMap.Marker(BMappoints[i], { icon: myIcon });  // 创建标注                map.addOverlay(marker1);              // 将标注添加到地图中              }                }                      }                    };  //线条样式      var styleOptions = {          strokeColor:"blue",    //边线颜色。          fillColor:"blue",      //填充颜色。当参数为空时，圆形将没有填充效果。          strokeWeight: 3,       //边线的宽度，以像素为单位。          strokeOpacity: 1,    //边线透明度，取值范围0 - 1。          fillOpacity: 0.3,      //填充的透明度，取值范围0 - 1。          strokeStyle: 'solid' //边线的样式，solid或dashed。      }      //实例化鼠标绘制工具      var drawingManager = new BMapLib.DrawingManager(map, {          isOpen: true, //是否开启绘制模式          enableDrawingTool: true, //是否显示工具栏          drawingToolOptions: {              anchor: BMAP_ANCHOR_TOP_RIGHT, //位置              offset: new BMap.Size(5, 5), //偏离值              scale: 0.8, //工具栏缩放比例              drawingTypes : [                       BMAP_DRAWING_CIRCLE,                BMAP_DRAWING_RECTANGLE            ]            },          circleOptions: styleOptions, //圆的样式           rectangleOptions: styleOptions //矩形的样式      });    //添加鼠标绘制工具监听事件，用于获取绘制结果      drawingManager.addEventListener('overlaycomplete', complete);      //回调获得覆盖物信息，未使用该版本      var overlaycomplete = function (e) {        overlays.push(e.overlay);        var result = "";        result += e.drawingMode + ":";        if (e.drawingMode == BMAP_DRAWING_CIRCLE) {            var circle_radius = e.overlay.getRadius();            var circle_point = new BMap.Point(e.overlay.getCenter().lng, e.overlay.getCenter().lat);            alert(map.getDistance(circle_point, tests[1]));            for (var i = 0; i < 3; i++) {                if (map.getDistance(circle_point, tests[i]) <= circle_radius) {                    //AddMarker(tests[i]);                    var myIcon = new BMap.Icon("png-0003.png", new BMap.Size(24, 24));                    var marker1 = new BMap.Marker(tests[i], { icon: myIcon });  // 创建标注                    map.addOverlay(marker1);              // 将标注添加到地图中                  }            }            alert(result);        }        if (e.drawingMode == BMAP_DRAWING_POLYLINE || e.drawingMode == BMAP_DRAWING_POLYGON || e.drawingMode == BMAP_DRAWING_RECTANGLE) {            result += ' 所画的点个数：' + e.overlay.getPath()[1].lng;            alert(result);        }     };         //drawingManager.enableCalculate();       //----------------------公用方法，用元素id获取元素的值-------------------      function $(id){          return document.getElementById(id);      }        //------------------画矩形，让WINFORM调用---------------      function drawRec(){  drawingManager.setDrawingMode(BMAP_DRAWING_RECTANGLE);}      //------------------画圆，让WINFORM调用----------------       function drawCircle(){  drawingManager.setDrawingMode(BMAP_DRAWING_CIRCLE);}      //------------------清除所有已画图形，让WINFORM调用--------------------      function clearAll() {          for(var i = 0; i < overlays.length; i++){              map.removeOverlay(overlays[i]);          }          overlays.length = 0    }      //在地图上画圆形或者方形 end </script>

0 0