中国.Rick

IT.Man

GoogleMap API使用范例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GoogleMap API</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAqa5Txme10A5o4HJ_lohVnxQTZmdZJ2Nap5JUe9ezvAhTAFh9VRQz_s3k-wROEY2dQt5OaGfvawZnnw" type="text/javascript"></script>

                  <script type="text/javascript">
                                //<![CDATA[
                 
                  //var choosePointMap;

                  var map;
                    function load() {
                      if (GBrowserIsCompatible()) {
                       
                  
                   map = new GMap2(document.getElementById('map_canvas'));
       GEvent.addListener(map.getInfoWindow(),"closeclick", function() {
        map.setCenter(savepoint);
           });
                   
                                 map.setCenter(new GLatLng(20, 30), 1);
                                 
                   map.addControl(new GMapTypeControl());
                   map.addControl(new GLargeMapControl());  
                   
                   function createMarker(point,infoHTML,colour) {

                     thisIcon = new GIcon(G_DEFAULT_ICON);
                     thisIcon.image = 'http://media.bmt.org/bmt_media/icons/googleMapPointer.png';

                    
                     var marker = new GMarker(point,thisIcon);
                    
                     GEvent.addListener(marker, 'click', function() {
                    //marker.openInfoWindowHtml(infoHTML);
        savepoint = map.getCenter();mywindow=marker.openInfoWindowHtml(infoHTML);
                     });
        
         
                     map.addOverlay(marker);
                   }
                   http://maps.google.com/maps?f=q&source=s_q&hl=en&q=Yaojiang+Wenxin+Bldg,+Jiaogong+Rd,+%E8%A5%BF%E6%B9%96%E5%8C%BA,+Hangzhou,+Zhejiang,+China&sll=29.305561,121.376953&sspn=20.313164,39.418945&ie=UTF8&cd=2&geocode=FSwUzgEdOCEpBw&split=0&ll=30.283363,120.137&spn=0.004929,0.009624&z=17&iwloc=A
          createMarker(new GLatLng(53.346978,-6.268687),"<h2>RCS Ireland</h2><h1>BMT WBM</h1><p>WBM - Melbourne </p><p>Level 5, 99 King Street<br />MELBOURNE VIC 3000<br />PO Box 604, <br />Collins Street West, VIC 8007</p><p>Phone (03) 8620 6100<br />Fax: (03) 8620 6105</p><p>melb@wbmpl.com.au </p>",'green');
          createMarker(new GLatLng(30.281797043255014,120.10449204593897 ),"<h2>RCS China</h2><h1>BMT WBM</h1><p>WBM - Melbourne </p><p>Level 5, 99 King Street<br />MELBOURNE VIC 3000<br />PO Box 604, <br />Collins Street West, VIC 8007</p><p>Phone (03) 8620 6100<br />Fax: (03) 8620 6105</p><p>melb@wbmpl.com.au </p>",'green');
          
          createMarker(new GLatLng(49.204512,-123.135957),"<h2>RCS North America</h2><h1>BMT WBM</h1><p>WBM - Melbourne </p><p>Level 5, 99 King Street<br />MELBOURNE VIC 3000<br />PO Box 604, <br />Collins Street West, VIC 8007</p><p>Phone (03) 8620 6100<br />Fax: (03) 8620 6105</p><p>melb@wbmpl.com.au </p>",'green');
                 
                   }
                    }
              
                  //]]>
                  </script> 
</head>

  <body onload="load()" onunload="GUnload()">

<div id="map_canvas" style="width: 600px; height: 300px"></div>

    </body>
</html>
 

« 上一篇 | 下一篇 »
  • 相关文章:
  • quote 1.啊健
  • Google Earth 和 Google Maps 都是通过KML 来传输协议的。
    用KML可以做二次开发哦
  • 2009/8/3 0:47:54 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Walle Build 91204 and Theme By BokeZhuti.cn

Copyright RickC.cn [浙ICP备09040539] Some Rights Reserved.