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

最新推荐文章于 2025-03-21 14:21:38 发布

尘世浮沉

最新推荐文章于 2025-03-21 14:21:38 发布

阅读量3.5k

点赞数 6

本文链接：https://blog.youkuaiyun.com/qq_39261042/article/details/106419019

版权

本文档介绍了如何使用C#调用百度地图API，详细讲述了申请密钥、实现地图展示、坐标设置与读取等功能。通过webBrowser控件，实现了包括定位、添加标注、删除标注、实时显示鼠标经纬度等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用C#调用百度地图

申请百度地图密钥以及查看百度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文件

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body, html{
   
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
        }
        #allmap {
   
            height: 97%;
            width: 100%;
        }

        #r-result {
   
            width: 100%;
            font-size: 14px;
        }
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>
    <title>地图展示</title>
</head>
<body>
    <div id="r-result">
        <!--文字和文本框--->
        经度: <input id="longitude" type="text" style="width:100px; margin-right:10px;" />
        纬度

最低0.47元/天解锁文章