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 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 });
        }
 
 
    }
}
////////////////////////////////////////////////////////////////////////////////////////////////
 
<!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>
复制代码
复制代码

描述:一个html文件调用了百度地图接口,一个winform程序调用该网页显示地图

分类:  WinForm

本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/p/4434312.html ,如需转载请自行联系原作者
相关文章
|
机器学习/深度学习 人工智能 PHP
百度AI开发平台图像增强与特效API-SDK接口PHP实战记录
百度AI开发平台图像增强与特效API-SDK接口PHP实战记录
147 0
百度AI开发平台图像增强与特效API-SDK接口PHP实战记录
|
3月前
|
开发框架 文字识别 前端开发
基于百度智能云的OCR接口进行图文识别
基于百度智能云的OCR接口进行图文识别
|
移动开发 JavaScript 前端开发
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
203 0
|
6月前
|
JavaScript 关系型数据库 MySQL
百度搜索:蓝易云【Node.js写接口连接MySQL数据库教程】
现在,你的Node.js应用已经启动,可以通过访问 `http://localhost:3000/users`来获取所有用户的信息。注意替换上述代码中的数据库连接信息为你自己的实际数据。
87 0
|
6月前
|
Java Apache Spring
百度搜索:蓝易云【Java http 接口请求详解。】
通过以上示例,你可以根据需要选择合适的方式来进行 Java 中的 HTTP 接口请求,以便与其他服务进行数据交互。
60 0
|
JSON 前端开发 JavaScript
php函数file_get_contents应对百度天气接口CORB跨域解决方案
php函数file_get_contents应对百度天气接口CORB跨域解决方案
88 0
|
API 开发者
百度翻译接口API的获取与授权方法
本文介绍获取百度翻译官方接口及其密钥,并将接口授权给自己或他人开发的软件或插件的方法~
1770 1
百度翻译接口API的获取与授权方法
|
存储 Go API
防微杜渐,未雨绸缪,百度网盘(百度云盘)接口API自动化备份上传以及开源发布,基于Golang1.18
奉行长期主义的开发者都有一个共识:对于服务器来说,数据备份非常重要,因为服务器上的数据通常是无价的,如果丢失了这些数据,可能会导致严重的后果,伴随云时代的发展,备份技术也让千行百业看到了其“云基因”的成长与进化,即基于云存储的云备份。
防微杜渐,未雨绸缪,百度网盘(百度云盘)接口API自动化备份上传以及开源发布,基于Golang1.18
|
机器学习/深度学习 人工智能 文字识别
Yolov5+图像分割+百度AI接口——车牌实时检测识别系统
Yolov5+图像分割+百度AI接口——车牌实时检测识别系统
752 0
Yolov5+图像分割+百度AI接口——车牌实时检测识别系统