Winform调用百度地图接口简单示例

 

1、首先用一个html文件调用百度地图接口(主要注册一个序列号):

 

 

复制代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

<html xmlns="http://www.w3.org/1999/xhtml">  

<head>  

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  

    <title>百度地图的Hello World</title>  

    <style type="text/css">  

        body, html, #allmap  

        {  

            width: 100%;  

            height: 100%;  

            overflow: hidden;  

            margin: 0;  

        }  

        #l-map  

        {  

            height: 100%;  

            width: 78%;  

            float: left;  

            border-right: 2px solid #bcbcbc;  

        }  

        #r-result  

        {  

            height: 100%;  

            width: 20%;  

            float: left;  

        }  

    </style>  

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=6c497f51c06477544e5fa6e9bd68f7c3"></script>  
</head>  

<body>  

    <div id="allmap">  

    </div>  

</body>  

</html>  

<script type="text/javascript">  

    //alert("Hello World");  

    var map = new BMap.Map("allmap");               // 创建Map实例  

    var point = new BMap.Point(121.504, 31.212);    // 创建点坐标(经度,纬度)  

    map.centerAndZoom(point, 11);                   // 初始化地图,设置中心点坐标和地图大小级别  

    map.addOverlay(new BMap.Marker(point));         // 给该坐标加一个红点标记  

    //var traffic = new BMap.TrafficLayer();         // 创建交通流量图层实例       

    //map.addTileLayer(traffic);                     // 将图层添加到地图上     

    map.addControl(new BMap.NavigationControl());   // 添加平移缩放控件  

    map.addControl(new BMap.ScaleControl());        // 添加比例尺控件  

    map.addControl(new BMap.OverviewMapControl());  //添加缩略地图控件  

    map.addControl(new BMap.MapTypeControl());      //添加地图类型控件  

    map.setCurrentCity("上海");                     //设置地图显示的城市  

    map.enableScrollWheelZoom();                    //启用滚轮放大缩小  

    function setLocation(x,y){//参数:经纬度  

         var point = new BMap.Point(x, y);     

         map.centerAndZoom(point, 11);                    

         map.addOverlay(new BMap.Marker(point));        

    }  

</script>  
复制代码

 

 

 

 



2、建立一个Winform项目,用一个WebBrower控件查看html文件、调用JavaScript代码

 
复制代码
using System;  

using System.IO;  

using System.Collections.Generic;  

using System.ComponentModel;  

using System.Data;  

using System.Drawing;  

using System.Text;  

using System.Windows.Forms;  

namespace BaiDuMap  
{  

    public partial class Form1 : Form  

    {  

        public Form1()  

        {  

            InitializeComponent();  

        }  

        private void Form1_Load(object sender, EventArgs e)  

        {  

            try  

            {  

                //webBrowser1.Url = new Uri("http://www.2345.com");  

                //这个文件于可执行文件放在同一目录  

                webBrowser1.Url = new Uri(Path.Combine(Application.StartupPath, "GoogleMap.htm"));  

            }  

            catch (Exception ex)  

            {  

                MessageBox.Show(ex.Message, "异常", MessageBoxButtons.OK, MessageBoxIcon.Error);  

            }  

        }  

        private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)  

        {  

            //这里传入x、y的值,调用JavaScript脚本  

            webBrowser1.Document.InvokeScript("setLocation", new object[] { 121.504, 39.212 });  

        }  

    }  

}  
复制代码

 

 

posted @   廖先生  阅读(1592)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示