基于Google Maps API的Winform開發

摘 要：在Winform中，許多時候都要用到地圖，而現在一般都是用Google地圖。Google地圖的許多服務是由Javascript控制的，為了提高操作地圖的效率。文章探討了基于Google Maps API在Winform下的開發，并以WebBrowser控件為橋梁，建立了Google地圖服務與窗口程序之間的信息交互，從而實現了在Winform窗口中訪問與控制Google地圖之目的。

關鍵詞：Google地圖服務；Winform；WebBrower信息交互

中圖分類號：TP393 文獻標識碼：A 文章編號：2095-1302（2014）01-0080-02

0 引 言

近年來，地理信息技術得到了很大的發展，特別是Google公司推出的Google Maps得到了廣泛的應用，Google推出了Google地圖的應用程序接口Google Maps API供用戶應用。與此同時，Winform由于具有簡單強大、安全、靈活的控件等特點被大量的開發者使用，并且，Google地圖運用于Windows窗體應用程序成為了當今的熱點。本文通過對Google Maps 在Winform中實現的研究，重點探討基于Google Maps API的Winform開發，對Google地圖解析在Windows form中進行設計實現。

1 Google Maps API的應用

Google向開發者免費發布全球地圖和衛星影像的同時，開發了其應用程序接口，開發人員可以根據自己的需求開發基于Google Maps API的地圖服務，將Google Maps嵌入自己的Winform應用。

1.1 載入 Google Map API

在HTML頁面中使用Google Maps API時，頁面中必須含有指向Google Maps API的URL，最基本格式為http：//maps.google.com/maps/api/js？sensor=1。這說明使用了Google Maps API定義的JavaScript文件的位置。sensor=1 代表沒有使用傳感器（類似于定位當前位置的GPS）。

1.2 初始化地圖

要讓地圖在網頁上顯示，必須為其留出一個位置。通常都通過創建名為 div 的元素并在瀏覽器的文檔對象模型（DOM）中獲取此元素的引用來執行此操作。而通過div的樣式，可以指定地圖的大小。例如：

Google Maps API中通過對HTML頁面的元素添加 onload事件來控制地圖的載入與初始化。例如：

創建latlng對象，用來設置地圖的中心：

var latlng = new google.maps.LatLng（57.8， 14.0）；

創建options對象，設置地圖的基本屬性：

var options = {

zoom： 6，

center： latlng，

mapTypeId： google.maps.MapTypeId.ROADMAP }；

調用函數，初始化地圖：

var map=new google.maps.Map（document.getElement

ById（/map/）， options）；

以上內容需要包含在一個函數中：

function initialize（）

{

……

}

最后，再通過body標簽的onload事件來初始化地圖對象：

。

1.3 設置坐標

在Google地圖上設置坐標，并確定坐標在地圖上的位置，例如：

var marker = new google.maps.Marker（

{

position： new google.maps.LatLng（56.8848， 14.7730），

map： map

title： 'My workplace'，

clickable： 1，

icon： 'http：//google-maps-icons.googlecode.com/files/factory.png'

}）；

設置坐標后，即可得到如圖1所示的計算機圖像。

2 Google地圖服務與Winform后臺數據交互

Winform的后臺C#代碼可以實現與窗口內的控件進行信息交互，Google地圖服務可以實現基于Google Map API的地圖顯示，但Google地圖服務與Web服務之間的信息不能直接互通信息，本文以WebBrowser控件為橋梁，實現Google地圖服務與Winform后臺數據互通。

2.1 WebBrowser控件

WebBrowser 控件可以在 Windows 窗體應用程序中承載網頁以及支持瀏覽器的其他文檔，并且可以在應用程序中提供基于 HTML 的集成用戶幫助或 Web 瀏覽功能。此外，還可以使用 WebBrowser 控件向 Windows 窗體客戶端應用程序添加基于 Web 的現有控件。

利用Uri類，加載指定的HTML頁面，并初始化WebBrowser，例如：

Uri url = new Uri（address， UriKind.Absolute）；

WebBrowser1.Url = url；

2.2 Google地圖中的Javascript函數與Winform中C#函數的互相調用

Google地圖中大部分服務是通過Javascript函數進行控制的，所以實現Javascript函數與Winform中C#函數互相調用是關鍵。

2.2.1 WebBrowser控件里網頁js調用C#函數

首先，需要在Winform后臺設置[System.Runtime.InteropServices. ComVisibleAttribute （true）]，使com對象是對網頁里的javascript可見的。

其次，Winfrom后臺函數設置成Public函數：

public string LonString（）

{

double[] lon = new double[2]；

lon[0] = 116.407113；

lon[1] = 117.202148；

return String（lon）；

}

并在Javascript中通過window.external捕獲調用C#定義好的函數：

var lon_string=window.external.LonString（）；

2.2.2 C#里Javascript函數的執行

定義一個Javascript函數：

function SetHybridMap（）

{

map.setMapTypeId（google.maps.MapTypeId.HYBRID）；

}

之后，執行Javascript函數：

mshtml.IHTMLDocument2 currentDoc =（mshtml.IHTM LDocument2）webBrow ser1.Doc ument.DomDocument；

mshtml.IHTMLWindow2 win = （mshtml.IHTMLWindow2）currentDoc.parentWindow；

win.execScript（\"SetHybridMap（）\"， \"javascript\"）；

3 結 語

Winform憑借著豐富的控件，以及簡單強大等優點，在近些年迅速崛起，充分利用公共語言運行庫的安全特性，一切都可以在Windows窗體中實現。而Google地圖服務能夠實現不同國家、不同地區的地理數據標識和地圖顯示功能。本文將Google地圖實現在Winform窗體上，可以利用Google服務的定位、搜索等服務，為大型客戶端系統提供了思路。

參 考 文 獻

[1][美]DUTHIE G A. Microsoft ASP.NET程序設計[M]. 北京：清華大學出版社， 2002.

[2]武蒼林，羅晃. Web數據庫的ASP開發方案[J]. 計算機工程與科學， 1999，21（1）：65-68.

[3]WANG Ling，WANG Qi-mei. ASP.NET with Realization on web of multimedia database[D]. University of Electronic Science and Technology of China，2003.

[4]孫育春. Google Maps API開發大全[M]. 北京：機械工業出版社，2010.

[5]王衛玲，劉瑜，魏艷梅. 基于Google Maps API的電子地圖的開發研究[J]. 信息技術與信息化， 2011（3）： 97-99.