Embed Baidu map in C# program-C#.Net Tutorial-php.cn

Embed Baidu map in C# program

黄舟

Release： 2017-02-06 17:02:31

Original

2303 people have browsed it

This example is a brief introduction to using Baidu Maps in WinForm. Baidu Map currently supports Android development, IOS development, Web development, and service interfaces. For details, please refer to the 'Baidu Map Open Platform'.

[Dynamic loading of Baidu Maps] Knowledge points involved:

WebBrowser control, this control is a control that comes with VS, allowing users to Navigate the web. The Navigate function is mainly used. This function loads the document at the specified uniform resource locator (URL) into a new browser window or System.Windows.Forms.WebBrowser control. For detailed information about this control, please refer to the detailed description on MSDN.
Baidu Map JavaScript API, call the API to display Baidu Map on the web page.

The rendering is as follows:

Embed Baidu map in C# program

The Html code for calling Baidu Map is as follows:

 1 <!DOCTYPE html> 
 2 <html> 
 3 <head> 
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 5     <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
 6     <style type="text/css"> 
 7     body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} 
 8     </style> 
 9     <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=AKCode需要申请"></script>
 10     <title>地图展示</title>
 11     <script type="text/javascript">
 12         window.onload = function () {
 13             // 百度地图API功能
 14             var map = new BMap.Map("allmap");
 15             var point = new BMap.Point(116.404, 39.915);
 16             map.centerAndZoom(point, 15);
 17             // 编写自定义函数,创建标注
 18             function addMarker(point) {
 19                 var marker = new BMap.Marker(point);
 20                 map.addOverlay(marker);
 21             }
 22             // 随机向地图添加25个标注
 23             var bounds = map.getBounds();
 24             var sw = bounds.getSouthWest();
 25             var ne = bounds.getNorthEast();
 26             var lngSpan = Math.abs(sw.lng - ne.lng);
 27             var latSpan = Math.abs(ne.lat - sw.lat);
 28             for (var i = 0; i < 25; i++) {
 29                 var point = new BMap.Point(sw.lng + lngSpan * (Math.random() * 0.7), ne.lat - latSpan * (Math.random() * 0.7));
 30                 addMarker(point);
 31             }
 32             //
 33             var top_left_control = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_TOP_LEFT }); // 左上角，添加比例尺
 34             var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件
 35             var top_right_navigation = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL }); 
 //右上角，仅包含平移和缩放按钮
 36             map.addControl(top_left_control);
 37             map.addControl(top_left_navigation);
 38             map.addControl(top_right_navigation);    
39         }
40     </script>
41 </head>
42 <body>
43     <div id="allmap"></div>
44 </body>
45 </html>

Copy after login

About WinForm calling The Html code is as follows:

    private void BaiduMap01_Load(object sender, EventArgs e)
2         {
3             //htm文件Copy到程序根目录
4             this.wbBaidu.Navigate(AppDomain.CurrentDomain.BaseDirectory + "Baidu01.htm",false);
5         }

Copy after login

[Loading static images] involves knowledge points

Calling Baidu’s static image interface
PictureBox The picture container that comes with VS represents the Windows picture box control used to display images.
HttpWebRequest, HttpWebResponse Send/receive http requests in WinForm.
Thread is called in the background process in order to prevent the interface from getting stuck.
Convert the returned byte stream into an Image object

The rendering is as follows:

Embed Baidu map in C# program

The code for calling the static image API in the WinForm program is as follows:

 1 using System; 
 2 using System.Collections.Generic; 
 3 using System.ComponentModel; 
 4 using System.Data; 
 5 using System.Drawing; 
 6 using System.Linq; 
 7 using System.Text; 
 8 using System.Windows.Forms; 
 9 using System.Net;
 10 using System.IO;
 11 using System.Threading;
 12 
 13 namespace DemoSharp
 14 {
 15     public partial class BaiduMap02 : Form
 16     {
 17         public BaiduMap02()
 18         {
 19             InitializeComponent();
 20         }
 21 
 22         private void btnLoad_Click(object sender, EventArgs e)
 23         {
 24             //在线程中执行
 25             Thread t = new Thread(new ThreadStart(InitMap));
 26             t.Start();
 27         }
 28 
 29         private void InitMap() {
 30             string url = "http://api.map.baidu.com/staticimage/v2?ak=AKCode需要申请&mcode=666666&center=116.403874,39.914888&width=910&height=400&zoom=11";
 31             HttpWebRequest request = (HttpWebRequest)HttpWebRequest.Create(url);
 32             request.Method = "GET";
 33             HttpWebResponse response = request.GetResponse() as HttpWebResponse;
 34             while (true)
 35             {
 36                 if (response.StatusCode == HttpStatusCode.OK)
 37                 {
 38                     Image img = Image.FromStream(response.GetResponseStream());
 39                     this.pictureBox1.Image = img;
 40                     break;
 41                 }
 42                 Thread.Sleep(1000);
 43             }
 44         }
 45     }
 46 }

Copy after login

Postscript:

When calling Baidu map related functions, you need to apply for a key (AK) first, personal development Just learn to use your mobile phone to register.

The above is the content of Baidu Map embedded in the C# program. For more related content, please pay attention to the PHP Chinese website (m.sbmmt.com)!