C#编程
搜索
分类

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

作者：尘世浮沉 时间：2023-01-06 02:32:57　

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

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

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

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

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

程序实现功能：

1、输入网址那可以调用本地的html文件，也可以访问其他网站
2、输入坐标、添加坐标按钮，可以将坐标值传入html文件中，显示在经纬度的文本框中
3、定位按钮可以将地图重新定位，定位中心是文本框内的经纬度
4、添加标注点是将文本框内的经纬度添加坐标到地图
5、删除标注按钮可以删除全部标注点
6、鼠标点击地图，可以在文本框内显示点击的坐标经纬度
7、点击开始实时显示按钮，鼠标在地图上移动，可以获得实时经纬度

最终图

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

利用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;" />
   纬度: <input id="latitude" type="text" style="width:100px; margin-right:10px;" />
   <!--按钮--->
   <input type="button" value="定位" onclick="theLocation()" />
   <input type="button" value="添加标注" onclick="addPoint()" />
   <input type="button" value="删除标注" onclick="deletePoint()" />
 </div>
 <div id="allmap"></div>

<b id="mouselng">0</b>
 <b id="mouselat">0</b>

</body>
</html>
<script type="text/javascript">
// 百度地图API功能
 var map = new BMap.Map("allmap");       // 创建Map实例
 var point = new BMap.Point(120.371, 30.327); // 创建点坐标
 map.centerAndZoom(point, 17);         // 初始化地图，设置中心点坐标和地图级别

//向地图添加标注
 var marker = new BMap.Marker(point);    // 创建标注  
 map.addOverlay(marker);           // 将标注添加到地图中

// 添加带有定位的导航控件
 var navigationControl = new BMap.NavigationControl({
   // 靠左上角位置
   anchor: BMAP_ANCHOR_TOP_LEFT,
   // LARGE类型
   type: BMAP_NAVIGATION_CONTROL_LARGE,
   // 启用显示定位
   enableGeolocation: true
 });
 map.addControl(navigationControl);

//添加地图单击显示GPS事件
 function showInfo(e) {
   //alert(e.point.lng + ", " + e.point.lat);//窗口显示点击位置的GPS
   document.getElementById("longitude").innerText = e.point.lng;
   document.getElementById("latitude").innerText = e.point.lat;

document.getElementById("mouselng").innerHTML = e.point.lng;
   document.getElementById("mouselat").innerHTML = e.point.lat;

}
 map.addEventListener("click", showInfo);    //监听事件

//添加地图类型控件
map.addControl(new BMap.MapTypeControl({
mapTypes:[
     BMAP_NORMAL_MAP,
     BMAP_HYBRID_MAP
   ]
 }));

var opts = { offset: new BMap.Size(100, 20) }
 map.addControl(new BMap.ScaleControl(opts));//比例尺控件

//map.addControl(new BMap.ScaleControl());  //比例尺控件
 map.setCurrentCity("杭州");     // 仅当设置城市信息时，MapTypeControl的切换功能才能可用
 map.enableScrollWheelZoom(true);   //开启鼠标滚轮缩放

// 用经纬度设置地图中心点
 function theLocation() {
   if (document.getElementById("longitude").value != "" && document.getElementById("latitude").value != "") {
     map.clearOverlays();
     var new_point = new BMap.Point(document.getElementById("longitude").value, document.getElementById("latitude").value);
     var marker = new BMap.Marker(new_point); // 创建标注
     map.addOverlay(marker);       // 将标注添加到地图中      
     map.panTo(new_point);   //用经纬度设置地图中心点
   }
 }

// 添加标注
 function addPoint() {
   if (document.getElementById("longitude").value != "" && document.getElementById("latitude").value != "") {

var new_point = new BMap.Point(document.getElementById("longitude").value, document.getElementById("latitude").value);
     var marker = new BMap.Marker(new_point); // 创建标注
     map.addOverlay(marker);       // 将标注添加到地图中
   }
 }

// 删除所有标注
 function deletePoint() {

//获取地图上所有的覆盖物,并删除
   //map.clearOverlays();

//获取地图上所有的覆盖物,并删除
   var allOverlay = map.getOverlays();
   for (var i = 0; i < allOverlay.length; i++) {
     if (allOverlay[i].toString() == "[object Marker]") {
       map.removeOverlay(allOverlay[i]);      
     }
   }

////删除指定经纬度的标注
   //if (document.getElementById("longitude").value != "" && document.getElementById("latitude").value != "") {
   //  var new_point = new BMap.Point(document.getElementById("longitude").value, document.getElementById("latitude").value);
   //  var marker = new BMap.Marker(new_point); // 创建标注
   //  map.removeOverlay(marker);

//}    
 }

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;
     }
   }

</script>

http://lbsyun.baidu.com/jsdemo.htm#c1_3
百度官方文档给了很多Demo，可根据需求来写

Form1.cs完整代码


using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using System.Security.Permissions;
using System.IO;

namespace map
{
// 而为了能与JS交互，首先引入using System.Security.Permissions;，然后在namespace下必须加入两行：
 [PermissionSet(SecurityAction.Demand, Name = "FullTrust")]//调用JS代码必要
 [System.Runtime.InteropServices.ComVisibleAttribute(true)]

public partial class Form1 : Form
 {
   public Form1()
   {
     InitializeComponent();
   }

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

private void button1_Click(object sender, EventArgs e)
   {
     //本地文件 MapWinForms\bin\Debug
     //string url = Application.StartupPath + "\\HTMLPage1.html";
     //string url = "C:/Users/12606/Desktop/C#/map/map/HTMLPage1.html";
     //textBox1.Text = url;
     string url = textBox1.Text.ToString();

//屏蔽js相关错误
     webBrowser1.ScriptErrorsSuppressed = true;

//导航显示本地HTML文件
     webBrowser1.Navigate(url);

}

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))
       {
         label2.Text = "当前坐标：" + dou_lng.ToString("F6") + "," + dou_lat.ToString("F6");//保留小数点后6位
       }
     }
     catch (Exception ee)
     { MessageBox.Show(ee.Message); }
   }

private void btnGetLocation_Click(object sender, EventArgs e)
   {
     if (btnGetLocation.Text == "开启实时坐标")
     {
       timer1.Enabled = true;
       btnGetLocation.Text = "关闭实时坐标";
     }
     else
     {
       btnGetLocation.Text = "开启实时坐标";
       timer1.Enabled = false;
     }

}

private void btnGPS_Click(object sender, EventArgs e)
   {
     webBrowser1.Document.GetElementById("longitude").InnerText = textBox_longitude.Text;
     webBrowser1.Document.GetElementById("latitude").InnerText = textBox_latitude.Text;
   }

}
}

源代码

来源：https://blog.csdn.net/qq_39261042/article/details/106419019

标签：C#,百度地图,坐标点,读取
0
投稿

猜你喜欢

  • JAVA设计模式之建造者模式原理与用法详解

    2022-09-25 19:43:04

  • Java中如何使用Response重定向

    2023-08-03 07:41:07

  • SpringMVC的执行过程浅析

    2021-05-31 20:51:11

  • SpringBoot集成RabbitMQ的方法(死信队列)

    2023-06-10 15:12:06

  • Java中的vector类使用示例小结

    2023-09-01 02:46:59

  • MapTask工作机制图文详解

    2021-12-13 11:03:27

  • win10和win7下java开发环境配置教程

    2022-05-01 05:34:22

  • 浅谈Java编程中string的理解与运用

    2021-05-31 22:15:44

  • Android数据存储几种方式讲解

    2023-09-25 19:00:35

  • static关键字有何魔法？竟让Spring Boot搞出那么多静态内部类(推荐)

    2022-07-03 20:26:29

  • SpringBoot中获取profile的方法详解

    2023-11-19 18:05:00

  • 使用ehcache三步搞定springboot缓存的方法示例

    2021-06-25 04:44:12

  • Android 应用中插入广告的实例

    2023-02-15 22:41:34

  • springboot跨域CORS处理代码解析

    2022-07-29 21:12:20

  • Java性能优化之数据结构实例代码

    2022-01-21 14:46:02

  • Netty分布式NioEventLoop任务队列执行源码分析

    2022-10-08 04:07:19

  • Spring Boot详解配置文件的用途与用法

    2022-08-01 20:37:27

  •  java中StopWatch的使用详解

    2023-12-21 03:19:04

  • elasticsearch分布式及数据的功能源码分析

    2023-08-11 06:31:26

  • 详解Java实践之建造者模式

    2023-01-14 23:03:13
    • asp之家 软件编程 m.aspxhome.com