winform下利用webBrowser1控件展示地图

本文介绍了如何在WinForm应用中使用WebBrowser1控件展示百度地图,并通过数据经纬度标注坐标点。点击坐标点时,能够触发WinForm窗体的交互。实现的关键在于设置控件的ObjectForScripting属性,使得前端JavaScript可以调用后台方法。
摘要由CSDN通过智能技术生成

1、利用控件加载百度地图

2、再通过数据经纬度在地图上标注坐标点

3、点击坐标点可以打开winform 窗体


前端代码

<!--http://developer.baidu.com/map/webservice.htm-->


<!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>站点地图</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>-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=GjHGmPzAPs0hH6KIcpvmoAzt"></script>
    <link href="./Styles/SearchInfoWindow_min.css" rel="stylesheet" />
    <script type="text/javascript" src="./Gis/SearchInfoWindow_min.js"></script>
    
</head>
<body>
    <div id="allmap">
    </div>
</body>
</html>
<script type="text/javascript">

    window.onload = function () {
            /// setLocation(106.022444, 21.002545, "dddddd", "192.168.2.20", "asdf", "asdf ");
    }

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

    var point = new BMap.Point(106.022444, 34.578928);    // 创建点坐标(经度,纬度)
    map.centerAndZoom(point, 5);                   // 初始化地图,设置中心点坐标和地图大小级别
    //map.addOverlay(new BMap.Marker(point))
  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值