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 ArrayList的自动扩容机制示例讲解

    2022-04-09 07:58:25

  • 基于spring AOP @Around @Before @After的区别说明

    2023-12-15 03:08:25

  • Android MediaPlayer 播放音频的方式

    2021-09-07 07:27:09

  • 四种引用类型在JAVA Springboot中的使用详解

    2023-11-24 03:34:38

  • C++野指针和悬空指针的实现方法

    2022-11-02 08:26:56

  • Jmeter如何添加循环控制器

    2021-06-26 20:09:52

  • java中驼峰与下划线的写法互转

    2023-09-21 09:47:36

  • Java中Maven项目导出jar包配置的示例代码

    2023-01-26 20:09:32

  • Android xUtils更新到3.0后的基本使用规则详解

    2023-02-07 23:14:39

  • 聊一聊jdk1.8中的ArrayList 底层数组是如何扩容的

    2023-11-16 08:55:50

  • Android中单例模式的一些坑小结

    2021-11-02 22:33:11

  • Java 重入锁和读写锁的具体使用

    2023-09-10 11:06:54

  • Android Studio 引用外部依赖时报错的解决方法

    2023-09-26 18:20:11

  • Android中通知Notification的使用方法

    2023-10-17 22:06:17

  • C#使用foreach循环遍历数组完整实例

    2021-12-27 15:10:33

  • SpringBoot整合之SpringBoot整合MongoDB的详细步骤

    2023-11-25 09:55:37

  • Java注解详细介绍

    2021-10-09 19:52:28

  • Mybatis如何实现InsertOrUpdate功能

    2022-10-11 10:26:58

  • SSH框架网上商城项目第1战之整合Struts2、Hibernate4.3和Spring4.2

    2023-04-19 15:01:55

  • Java 实战练习之网上电商项目的实现

    2021-07-17 04:23:59
    • asp之家 软件编程 m.aspxhome.com