分享

使用C#调用百度地图并实现坐标点的设置以及读取

 vbavsto 2020-12-13

使用C#调用百度地图

申请百度地图密钥以及查看百度API

程序实现功能:

最终图

利用webBrowser控件展示地图

申请百度地图密钥以及查看百度API

网址:http://lbsyun.baidu.com/apiconsole/key#/home

在这里插入图片描述

网址:http://lbsyun.baidu.com/jsdemo.htm#c1_3

在这里插入图片描述

程序实现功能:

1、输入网址那可以调用本地的html文件,也可以访问其他网站

2、输入坐标、添加坐标按钮,可以将坐标值传入html文件中,显示在经纬度的文本框中

3、定位按钮可以将地图重新定位,定位中心是文本框内的经纬度

4、添加标注点是将文本框内的经纬度添加坐标到地图

5、删除标注按钮可以删除全部标注点

6、鼠标点击地图,可以在文本框内显示点击的坐标经纬度

7、点击开始实时显示按钮,鼠标在地图上移动,可以获得实时经纬度

最终图

在这里插入图片描述

利用webBrowser控件展示地图

VS创建工程,添加控件webBrowser,新建.html文件,.html文件参考百度API,将其写入文件

为了能与JS交互,首先引入using System.Security.Permissions;,然后在namespace下必须加入两行:[PermissionSet(SecurityAction.Demand, Name = "FullTrust")]  [System.Runtime.InteropServices.ComVisibleAttribute(true)]

给窗体一个Load事件、、、这个是功能的主要点

然后窗体运行的代码: private void Form1_Load(object sender, EventArgs e)         {             try             {                 //string str_url = Application.StartupPath + "../HTMLPage1.html";// 添加自己添加的html文件名,注意使用相对路径的方法 HTMLPage1.html要复制到debug目录下                 string str_url = "C:/Users/12606/Desktop/C#/map/map/HTMLPage1.html";// 添加自己添加的html文件名,注意使用相对路径的方法 HTMLPage1.html要复制到debug目录下                 Uri url = new Uri(str_url);                 webBrowser1.Url = url;         // WebBrowser控件显示的网页路径                 webBrowser1.ObjectForScripting = this;    // 将当前类设置为可由脚本访问                 textBox1.Text = str_url;                          }             catch (Exception ex)             {                 MessageBox.Show(ex.Message, "异常", MessageBoxButtons.OK, MessageBoxIcon.Error);             }         }

.html文件             body, html{             width: 100%;             height: 100%;             overflow: hidden;             margin: 0;             font-family: "微软雅黑";         }         #allmap {             height: 97%;             width: 100%;         }         #r-result {             width: 100%;             font-size: 14px;         }          

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多