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. golang etcdclientv3使用说明

    clientv3.New() 创建连接 config = ec.Config{ Endpoints: []string{"10.0.0.5:2379"}, //连接的etcd集群地 ...

  2. bzoj千题计划323：bzoj1951: [Sdoi2010]古代猪文（Lucas+CRT+欧拉定理）

    https://www.lydsy.com/JudgeOnline/problem.php?id=1951 先欧拉降幂 然后模数质因数分解 分别计算组合数的结果,中国剩余定理合并 #include&l ...

  3. python matplotlib 库学习

    基本使用 import matplotlib.pyplot as plt import numpy as np x = np.linspace(-1,1,50) y = 2*x+1 plt.figur ...

  4. python-常用数据类型

    九 基本数据类型 什么是数据?为何要有多种类型的数据? #数据即变量的值,如age=18,18则是我们保存的数据. #变量的是用来反映/保持状态以及状态变化的,毫无疑问针对不同的状态就应该用不同类型的 ...

  5. 解析ArcGis拓扑——根据拓扑错误记录提取shp文件、导出Excel表格

    在ArcGis拓扑检查的流程——以面重叠检查为例中讲述了如何在ArcGis进行拓扑检查与修改. 在实际操作中,有时我们还需要将ArcGis拓扑检查的结果制作成报告或者提取错误信息反馈作业方. 本文仍然 ...

  6. 015、调试Dockerfile（2019-01-04 周五）

    参考https://www.cnblogs.com/CloudMan6/p/6853329.html   Dockerfile构建镜像的过程   1.从base镜像运行一个容器 2.执行一条指令,对容 ...

  7. IScroll基本用法

    一.为了防止手机上卡顿:1.从新设置一下焦点.2. <script>try { window.PointerEvent = undefined; } catch (e) { } </ ...

  8. php制作圆形用户头像——自定义封装类源代码

    思路 使用图层的方法设计,共需要创建3个图像层 1.底层:最后生成的图像 2.真实用户头像:作为中间层,用户上传的真实头像图片 3.圆形蒙版:作为最上层,在蒙版中绘制圆形,并设置为透明 如图: 代码如 ...

  9. Burp Suite Intruder中爆破模式介绍

    Burp Suite Intruder中爆破模式介绍 - Introduction to Burst Mode in Burp Suite Intruder 1.sniper模式  使用单一的Payl ...

  10. [C++]动态规划系列之Warshall算法

    /** * * @author Zen Johnny * @date 2018年3月31日 下午8:13:09 * */ package freeTest; /* [动态规划系列:Warshall算法 ...