正文

Windows下C#的GUI窗口程序中实现调用Google Map的实例

︶ㄣ米米素材网 メ
米米素材网V管理员 / 阅读
0708

这篇文章主要介绍了Windows下C#的GUI窗口程序中实现调用Google Map的实例,如果只想调用浏览器打开网页的话可以看文章最后的方法,需要的朋友可以参考下

对谷歌地图操作使用的是WebBrowser控件，通过对javascript的操作来实现对谷歌地图的各种操作，所以首先要创建一个html文件，并赋给WebBrowser的URl：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Google Maps</title>
    <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
     
    var map;
 
    function initialize() {//初始化
      var myLatlng = new google.maps.LatLng( 34.259442,108.947071);
      var myOptions = {
        zoom: 10,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }
      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    }
 
    function zoomIn(){//放大函数
      var zoomLevel = map.getZoom();
      if(zoomLevel < 21){
        zoomLevel += 1;
        map.setZoom(zoomLevel);
      }
    }
 
    function zoomOut(){//缩小函数
      var zoomLevel = map.getZoom();
      if(zoomLevel > 0){
        zoomLevel -= 1;
        map.setZoom(zoomLevel);
      }
    }
 
    function markLocation(x,y){//标记某个位置
      var myLatlng = new google.maps.LatLng(x, y);
      map.setCenter(myLatlng);  
      marker = new google.maps.Marker({
      map: map,
      position: myLatlng,
      draggable:true,
      title:"纬度:"+x+" 经度:"+y
      });
    }
     
    </script>
  </head>
  <body onload="initialize()">
   <div id="map_canvas"></div>
  </body>
</html>

 操作地图的简单函数都写在javascript里
C#源文件如下

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;
 
namespace GoogleMapDemo
{
  public partial class Form1 : Form
  {
    public Form1()
    {
      InitializeComponent();
      string url = Application.StartupPath + "/map-simple.html";
      webBrowser1.Url = new Uri(url);//指定url
    }
 
    private void toolStripButtonStart_Click(object sender, EventArgs e)
    {
      webBrowser1.Document.InvokeScript("initialize");//执行jiavascript
    }
 
    private void toolStripButtonZoomIn_Click(object sender, EventArgs e)
    {
      webBrowser1.Document.InvokeScript("zoomIn");
    }
 
    private void toolStripButtonZoomOut_Click(object sender, EventArgs e)
    {
      webBrowser1.Document.InvokeScript("zoomOut");
    }
 
    private void toolStripButtonMark_Click(object sender, EventArgs e)
    {
      object[] obj = { toolStripTextBox1.Text, toolStripTextBox2.Text };
      webBrowser1.Document.InvokeScript("markLocation", obj);
    }
  }
}

Windows下C#的GUI窗口程序中实现调用Google Map的实例

 

PS：如果只是想单纯地调用浏览器打开网页，可以这样：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
private void lbllink_LinkClicked(object sender, LinkLabelLinkClickedEventArgs e)  
    { 
 
      //调用IE浏览器
      System.Diagnostics.Process.Start("iexplore.exe", "http://www.google.cn"); 
 
      //调用系统默认的浏览器
      System.Diagnostics.Process.Start( "http://www.google.cn"); 
    } 
 
private void lbllink_LinkClicked(object sender, LinkLabelLinkClickedEventArgs e)
    {
      //调用IE浏览器
      System.Diagnostics.Process.Start("iexplore.exe", "http://www.google.cn"); 
 
      //调用系统默认的浏览器
      System.Diagnostics.Process.Start( "http://www.google.cn"); 
    }