winform下利用webBrowser1控件展示地图

最新推荐文章于 2024-07-19 18:07:38 发布

八零末愤青

最新推荐文章于 2024-07-19 18:07:38 发布

阅读量5.4k

点赞数 3

分类专栏： winform

本文链接：https://blog.csdn.net/hht006158/article/details/79714951

版权

本文介绍了如何在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))