注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天上人间*bobo之家

有阳光的时段,就有他(她)的博客文章。也许天气并非晴空万里,博主的“博物钟”却是

 
 
 

日志

 
 

googlemap api  

2009-11-19 20:11:02|  分类: javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">      
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">      
    <head>      
       <meta http-equiv="content-type" content="text/html; charset=utf-8"/>      
    <title>Google 地图 JavaScript API 示例: 简单的地图</title>      
     <script src="http://ditu.google.cn/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN" type="text/javascript"></script>      
       <script type="text/javascript">      
         function initialize() {       
             var map = new GMap2(document.getElementById("map_container"));       
             map.setCenter(new GLatLng(39.917, 116.397), 14);     
             map.addControl(new GLargeMapControl());        //添加一个大的方向盘控件  
             map.addControl(new GScaleControl());           //添加一个缩放级别控件尺寸
             map.enableScrollWheelZoom();    //鼠标滑轮缩放地图   
             map.enableContinuousZoom();     //放大缩小时启用动画效果   
             map.doubleClickZoomEnabled()    //鼠标双击放大地图  
             map.addControl(new GOverviewMapControl()); //右下角
             map.addControl(new GMenuMapTypeControl());  //右上角

             new GKeyboardHandler(map);  //向地图中添加键盘绑定

/**
 * Classic 10 random markers  now equipped with bounds
 * var markerBounds is a GatLngBounds() that contains the ten markers
 */
//var markerBounds = new GLatLngBounds();
var bounds = map.getBounds();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
var lngSpan = northEast.lng() - southWest.lng();
var latSpan = northEast.lat() - southWest.lat();
for (var i=0; i<10; i++){
  var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
        southWest.lng() + lngSpan * Math.random());    
  map.addOverlay(new GMarker(point));

//markerBounds.extend(point);
}

map.addOverlay(new GMarker(new GLatLng(29.45873118535534,113.02734375)));//武汉标记
        }       
     </script>      
   </head>      
   <body onload="initialize()" onunload="GUnload()">      
    <div id="map_container" style="width: 800px; height: 600px"></div>      
  </body>      
 </html>
http://code.google.com/intl/zh-CN/apis/maps/documentation/reference.html#GMapOptions

  评论这张
 
阅读(218)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018