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

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

来源:http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 来源: 网络 发布时间: 13/01/05
98)this.width=498;'' onmousewheel = ''javascript:return big(this)'' alt="" src="http://images.myeducs.cn/files/uploadimg/20111202/10005810.png" />

路线说明

一个最有用的特性之一是Google Maps API可以为任何指定的位置提供详细的路线说明,实现代码如下:

  1. CodevardirectionsDisplay;  
  2. vardirectionsService = newgoogle.maps.DirectionsService();  
  3. functionInitializeMap() {  
  4. directionsDisplay = newgoogle.maps.DirectionsRenderer();  
  5. varlatlng = newgoogle.maps.LatLng(-34.397, 150.644);  
  6. varmyOptions =  
  7. {  
  8. zoom: 8,  
  9.  center: latlng,  
  10. mapTypeId: google.maps.MapTypeId.ROADMAP  
  11. };  
  12. varmap = newgoogle.maps.Map(document.getElementById("map"), myOptions);  
  13. directionsDisplay.setMap(map);  
  14. directionsDisplay.setPanel(document.getElementById(''directionpanel''));  
  15. varcontrol = document.getElementById(''control'');  
  16. control.style.display = ''block'';  
  17. }  
  18. calcRoute() {  
  19. varstart = document.getElementById(''startvalue'').value;  
  20. varend = document.getElementById(''endvalue'').value;  
  21. varrequest = {  
  22. origin: start,  
  23. destination: end,  
  24.  travelMode: google.maps.DirectionsTravelMode.DRIVING  
  25. };  
  26. directionsService.route(request, (response, status) {  
  27. if(status== google.maps.DirectionsStatus.OK) {  
  28. directionsDisplay.setDirections(response);  
  29. }  
  30. });  
  31.  }  
  32. functionwindow.onload = InitializeMap; 

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

Layers

Google Maps API为你提供了多层的选项,其中有一个是自行车层。通过自行车层,可以为一些特别的位置显示自行车路线。下面的代码是让你在地图上添加自行车层:

  1. Codevarmap  
  2. functionInitializeMap() {  
  3. varlatlng = newgoogle.maps.LatLng(-34.397, 150.644);  
  4. varmyOptions = {  
  5. zoom: 8,  
  6. center: latlng,  
  7. mapTypeId: google.maps.MapTypeId.ROADMAP  
  8. };  
  9. map = newgoogle.maps.Map(document.getElementById("map"), myOptions);  
  10. }  
  11. window.onload = InitializeMap;  
  12. varbikeLayer = newgoogle.maps.BicyclingLayer();  
  13. bikeLayer.setMap(map); 

Geocoding

到目前为止,我们已经学习创建Google地图的基本思想,同时也学习了如何显示位置相关的信息。下面我们来看看用户是如何来计算位置的,Geocoding可以计算出指定区域的经度和纬度,下面的代码就告诉你如何利用API计算某个位置的经度和纬度的:

  1. Codegeocoder.geocode({ ''address'': address }, function(results, status) {  
  2. if(status== google.maps.GeocoderStatus.OK) {  
  3. map.setCenter(results[0].geometry.location);  
  4. varmarker = newgoogle.maps.Marker({  
  5.  map: map,  
  6. position: results[0].geometry.  
  7. });  
  8. }  
  9. else{  
  10. alert("Geocode was not successful for the following reason: " + status);  
  11. }  
  12. }); 

Geocoding C#

网学推荐

免费论文

原创论文

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