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

        }  

    }  

}  
时间: 2024-10-18 15:51:03

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

Winform调用百度地图接口

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 Form

调用百度地图接口

1.注册个百度地图账号 获取key值秘钥 如下:<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6mrUxtrtYxTopSt9rcKbBNEDjmss9nLg"></script> 2.代用百度地图里面的原码 3..注意 // 百度地图API功能  // 创建Map实例时 需要改下百度地图里的原码var map = new BMap.

ionic 调用百度地图API,并定位当前位置示例

首先,可以参考JS版本的百度地图API示例. 由于在ionic程序中,我们一般使用的ES5 或 ES6 或者是Typescript. 这与JS 还有有一些区别的.所以,在我们的程序中,代码与官方示例代码格式上不完全相同. 下面,简单说明一下如何在 ionic 程序中 调用 百度地图API. 1. 在ionic程序中,定位到文件: \src\index.html.  添加如下代码 , 注意将"您的密钥" 替换成 您申请的密钥 <script type="text/java

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

(从我的新浪博客上搬来的,做了一些修改.) 最近迷上了node.js以及JavaScript.现在接到一个活,要解析一个出租车点位数据的地理信息.于是就想到使用Node.js调用百度地图API进行解析. 使用的库主要就是有fs.request. // 请求包 var fs = require('fs');var request = require('request'); // 设置百度API的参数var baiduApiKey = "cQV9U4QhamoOjg6rjdOTAQSiUMxxxxx

Android中调用百度地图

一.调用百度地图 --第一种方法 1.下载百度地图SDK SDK可以拆分下载,需要使用那一部分功能就下载相应包含的SDK,如下图 核心的的jar 和so包,放在工程中的libs目录下 2.申请key 注册百度账号申请key,格式如下:sha1值+";"+包名. 包名指的是AndroidManifest.xml 中定义的名称 ,并非工程包名 3.将百度地图加入工程 (1)在application中添加开发密钥 <application   <meta-data android

C#调用百度地图 api

转  http://blog.csdn.net/kkkkkxiaofei/article/details/8663377 这一篇,记录一下我调用的地图API实现的功能.下面介绍的都是一些片段的节选,不能直接复制就运行.在实现之前肯定要加载地图,先放一个webbroser控件,然后如下: [csharp] view plaincopyprint? private void Form1_Load(object sender, EventArgs e) { string str_url = Appli

Arcgis andoid开发之应用百度地图接口实现精准定位与显示

怀着激动.兴奋的心情,在这个漫天柳絮的季节写下了这片博文,为什么呢,因为困扰我很久的一个技术性的问题得到了解决,发次博文,供大家参观.学习,同时,也以慰藉我长期困扰的心情,好了,废话不再,言归正传,看看这到底是个什么东西? 首先,简单地介绍一下功能:1.离线地图的加载:2.GPS的定位与显示.文字比较模糊,看看实际的效果图: 功能其实很简单,下面解释一下实现思路: 1.布局 <?xml version="1.0" encoding="utf-8"?> &

C# 调用百度地图web服务API

1.关于百度提供的接口中的方法的实用,这里有很多官方提供的DEMO(http://developer.baidu.com/map/jshome.htm). 2.为了能与JS交互,首先引入using System.Security.Permissions: 在命名空间里添加: [PermissionSet(SecurityAction.Demand, Name = "FullTrust")] [System.Runtime.InteropServices.ComVisibleAttrib

Angular/Vue调用百度地图+标注点不显示图标+多标注点计算地图中心位置

整理一下~ 一.在vue中调用百度地图 首先当然是申请百度密匙(很简单,不多说) 1.在index.html文件中引入百度地图JavaScript API接口: <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密匙部分哦"></script> 2.在bulid/webpack.base.conf.js配置文件中配置BMap,在modul