欢迎来到入门教程网!

C#教程

当前位置:主页 > 软件编程 > C#教程 >

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

来源:本站原创|时间:2020-01-10|栏目:C#教程|点击:

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

<!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#源文件如下

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); 
    } 
  } 
} 

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

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");  
    } 

上一篇:Unity UGUI教程之实现滑页效果

栏    目:C#教程

下一篇:详解C#切换窗口

本文标题:Windows下C#的GUI窗口程序中实现调用Google Map的实例

本文地址:https://www.xiuzhanwang.com/a1/C_jiaocheng/6589.html

网页制作CMS教程网络编程软件编程脚本语言数据库服务器

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:835971066 | 邮箱:835971066#qq.com(#换成@)

Copyright © 2002-2020 脚本教程网 版权所有