网站导航免费论文 原创论文 论文搜索 原创论文 网学软件 学术大家 资料中心 会员中心 问题解答 原创论文 大学论文导航 设计下载 最新论文 下载排行 原创论文 论文源代码
返回网学首页
网学联系
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 编程文档 > ASP.net > 正文

ASP.NET调用V3版本的Google Maps API

来源:http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 来源: 网络 发布时间: 13/01/05

写在最前面

早就听说过Google Maps API了,但一直没用过,今天在CodeProject上看到了这篇关于Google Maps API(V3版本)使用的文章,觉得很容易上手,就将他翻译下来了,相信对初学者会有大的帮助。译文允许转载,但请在页面明显处标明以下信息,且保留完整原文链接地址和译文链接地址,谢谢合作!

英文原文:Google Maps API V3 for ASP.NET

译文出处:青藤园

译文作者:王国峰

译文链接:ASP.NET中使用Google Maps API V3【译】

简介

Google Maps为我们提供了一种非常灵活的方式来使用它的地图服务。我们可以在Web应用程序中通过调用Google Maps API来为我们的用户提供方位信息、地理位置信息以及其他类型的东西。尽管已经有很多文章介绍了Google Maps API的使用方法,但这次我要介绍的是最新V3版本的Google Maps API。在这篇文章中,我们将会看到一些使用Google Maps的常见技术。为了能更好的理解下面的示例代码,你需要了解Javascript和C#的基本知识。

你的第一个Google Maps

在Google Maps API的早期版本中,我们需要将自己的web应用程序注册至Google,从而获取一个API Key。然而随着新版本的发布,Google Maps的注册机制已经被淘汰了,但是最近Google又提出了一些使用地图的限制,你可以通过下面的链接获取Google Maps API的使用方法和一些使用条款:/uploadfile/201301/5/7B145011460.png" />

Google Maps 设置选项

在上面的例子中,我们使用了一个Map类,并设置了一个HTML ID作为参数。现在我们来更深入一点,一起来看看下面的地图选项:

  1. Codefunctioninitialize() {  
  2. varlatlng = newgoogle.maps.LatLng(-34.397, 150.644);  
  3. varoptions =  
  4. {  
  5. zoom: 3,  
  6. center: newgoogle.maps.LatLng(37.09, -95.71),  
  7. mapTypeId: google.maps.MapTypeId.ROADMAP,  
  8. mapTypeControl: true,  
  9. mapTypeControlOptions:  
  10. {  
  11. style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,  
  12. poistion: google.maps.ControlPosition.TOP_RIGHT,  
  13. mapTypeIds: [google.maps.MapTypeId.ROADMAP,  
  14. google.maps.MapTypeId.TERRAIN,  
  15. google.maps.MapTypeId.HYBRID,  
  16. google.maps.MapTypeId.SATELLITE]  
  17. },  
  18. navigationControl: true,  
  19. navigationControlOptions:  
  20. {  
  21. style: google.maps.NavigationControlStyle.ZOOM_PAN  
  22. },  
  23. scaleControl: true,  
  24. disableDoubleClickZoom: truefalse,  
  25. streetViewControl: true,  
  26. draggableCursor: ''move'' 
  27. };  
  28. varmap = newgoogle.maps.Map(document.getElementById("map"), options);  
  29. }  
  30. window.onload = initialize; 

上面的例子中,我们应用了地图的所有属性,你可以根据需要来选择使用它们。

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' alt="" src="http://images.myeducs.cn/files/uploadimg/20111202/1000583.png" />

Map类的属性说明如下表所示

属性
MapTypeControl:true/false mapTypeControlOptions
属性
style
1
2
3
DEFAULT
HORIZONTAL_BAR
DROPDOWN_MENU
position
mapTypeIds
navigationControl:true/false navigationControlOptions
属性
Position
style
scaleControl:true/false scaleControlOptions: 和navigationControl有一样的属性 (position, style) 方法也一样.
disableDoubleClickZoom: true/false
 
scrollwheel: true/false
 
draggable: true/false
 
streetViewControl: true/false
 

Map Maker(地图标记)

M

网学推荐

免费论文

原创论文

设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
版权所有 QQ:3710167 邮箱:3710167@qq.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
Copyright 2008-2015 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号