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

        }  

    }  

}

Winform调用百度地图接口简单示例的更多相关文章

  1. Winform调用百度地图接口

    using System; using System.IO; using System.Collections.Generic; using System.ComponentModel; using ...

  2. js调用百度地图接口

    原文:js调用百度地图接口 这是前几天公司做的新项目,上面需要用到地图的数据.第一次做这类型的东西没啥思路,咱们经理说,这东西简单,截个图存文件夹里调整好尺寸,数据库里存上图片的地址动态调用就行了.心 ...

  3. PHP 最完美调用百度翻译接口代码示例 (原)

    php调用百度翻译最新接口代码 问       题:写的过程遇到了一个问题,url拼接好的原翻译内容,appid,sign的地址直接输出到浏览器可以打开看到翻译后的返回值,但是各种curl,file_ ...

  4. 百度地图API 简单示例

    百度地图API2.0需要申请AK javascript引用百度地图API 设置地图DIV样式 javascript设置地图DIV 如下图代码: <!DOCTYPE html> <ht ...

  5. js调用百度地图接口绘制任意多边形并获取每个点的经纬度等

    来自:https://blog.csdn.net/u013239236/article/details/52213977 侵删 <!DOCTYPE html> <html> & ...

  6. 跨平台移动开发_PhoneGap 使用Geolocation基于所在地理位置坐标调用百度地图API

    使用Geolocation基于所在地理位置坐标调用百度地图API 效果图 示例代码 <!DOCTYPE html> <html> <head> <title& ...

  7. [置顶] Xamarin android如何调用百度地图入门示例（一）

    在Xamarin android如何调用百度地图呢? 首先我们要区分清楚,百度地图这是一个广泛的概念,很多刚刚接触这个名词"百度地图api",的确是泛泛而谈,我们来看一下百度地图的 ...

  8. Angular 调用百度地图API接口

    Angular 调用百度地图API接口 参考原文:https://blog.csdn.net/yuyinghua0302/article/details/80624274 下面简单介绍一下如何在Ang ...

  9. Node.js调用百度地图Web服务API的Geocoding接口进行点位反地理信息编码

    (从我的新浪博客上搬来的,做了一些修改.) 最近迷上了node.js以及JavaScript.现在接到一个活,要解析一个出租车点位数据的地理信息.于是就想到使用Node.js调用百度地图API进行解析 ...

随机推荐

  1. 【MSSQL】SqlServer中delete语句表别名的问题

    1.一般情况下删除表数据的sql语句: delete from products 2.如果想给表起个别名再删除呢,就得像下面这样写了 delete products from products as ...

  2. MyBatis-Configuration

    一.引用 properties 配置文件 db.properties driver=com.mysql.cj.jdbc.Driver url=jdbc:mysql://192.168.8.136:33 ...

  3. cocos-2dx 3.17 环境搭建 与 新建工程

    由于上次在ubuntu中安装了cocos2dx的时候环境被破坏了,所以本文是基于 Windows 编写的 平台: OS : windows 10 compiler   : VS 2015 下载 coc ...

  4. js方法参数中含有单引号双引号的处理

    最近在做项目时,遇到一个问题.当在js脚本中,拼接生成一个tr,然后添加到一个表格里. //假定testval是从后台传过来的数据 var testval = "含有'半角单引号的字符串&q ...

  5. Redis学习笔记（二）解析dump.rdb文件工具之redis-rdb-tools

    https://github.com/sripathikrishnan/redis-rdb-tools 我这里使用docker搭建 docker搭建文档 https://rdbtools.com/do ...

  6. Linux 三剑客 -- awk sed grep

    本文由本人收集整理自互联网供自己与网友参考,参考文章均已列出,如有侵权,请告知! 顶配awk,中配sed,标配grep awk 参考 sed 参考 grep 参考 在线查看linux命令速记表 app ...

  7. silverlight用Encoding.UTF8读取shape文件的中文属性值 出现乱码

    最近用Silverlight读取shape文件,读出的属性居然是乱码. 原因是:Silverlight不支持GB2312. 解决方案: 下载该地址的代码http://encoding4silverli ...

  8. impala系列: 字符串函数

    --=======================常用字符串函数--=======================base64decode(string str) : base64 解码.base64 ...

  9. 简单回射程序之处理accept返回EINTR错误的服务器程序版本

    #include <stdio.h> #include <stdlib.h> #include <time.h> #include <errno.h> ...

  10. Javaweb学习笔记——（十七）——————JDBC的原理、四大核心类、四大参数、预编译、Dao模式、批处理、大数据、时间类型的转换

    JDBC入门 *导入jar包:驱动 *加载驱动类:Class.forName("类名"); *给出url.username.password,其中url背下来 *使用DriverM ...