沉迷电子游戏英语怎么说:电子游戏的危害作文800

全國熱線:400-660-5510廣州:020-22265510深圳:0755-23915687上海:021-32265355
site topic網站專題
电子游戏的危害作文800
>
網站專題
>
專題詳情
分享新聞到:

Google MAP API調用方法

互諾科技:2009-11-22 22:49     閱讀數:       標簽:

最近在網上找了很久也沒有找到比較好的GOOGLE地圖的使用方法,所以我們互諾科技里技術部的一位同事花了半天時間,經過對多篇文章研究后,整理出以下的方法,希望對從事电子游戏的危害作文800行業的朋友有幫助。

演示頁面://demo.hunuo.com/googlemap.html

使用Google MAP API顯示Google MAP,可以自定義坐標, 加入自己的描述, 等等。

使用步驟:
1。申請API密鑰,只需要登錄 //code.google.com/intl/zh-CN/apis/maps/signup.html ,輸入網站的網址,如: //demo.www.gsqup.icu ,填寫完畢按“生成API密鑰”即可。

2。加載Google地圖API,在網頁<head></head>加入,

  1. <script src="//ditu.google.cn/maps?file=api&v=2&key=ABQIAAAA6vpS801yIrtuIMuUfP_1LRSxsn5a65eZaAi_5C9z2RjNFFY5KBSBb4uXgDPOoqPTKZ5RfZHQ1HTweA&sensor=true"
  2. type="text/javascript"></script>
復制代碼

其中 key為第一步生成的API密鑰,注意:此js為UTF-8編碼的,所以頁面也最好能用UTF-8編碼,否則在IE可能會提示錯誤

3。在<body></body>設置一個容器,用來顯示Google MAP,如演示頁面中,加入了

  1. <div id="map_canvas" style="width: 1024px; height: 600px"></div>
復制代碼

4。在頁面加載完畢后,初始化Google MAP,需要在<body>加入onLoad事件和onUnload事件,如

  1. <body onLoad="load()" onUnload="GUnload()">
復制代碼

,其中 load() 是自定義的初始函數,GUnload為API內置的卸載函數。load()函數如下:

  1. var map;  //當前的地圖對象
  2. function load() {
  3. if (GBrowserIsCompatible()) {   
  4. map = new GMap2(document.getElementById('map_canvas'));   //創建一個GMpa2對象,將賦值給map,并將地圖顯示在id=map_canvas的dom對象中
  5.  
  6. // 給地圖添加內置的控件,分別為:
  7. // 平移及縮放控件(左上角)、比例尺控件(左下角)、縮略圖控件(右下角)
  8. map.addControl(new GLargeMapControl());
  9. map.addControl(new GScaleControl());
  10. map.addControl(new GOverviewMapControl());
  11.  
  12. // 將視圖移到廣州互諾科技-电子游戏的危害作文800
  13. map.setCenter(new GLatLng(23.127889,113.280029), 13);  //第一個參數是GLatLng對象,用來指定中心點的坐標,第二個參數是放大倍數
  14.  
  15. //手動創建一個標注
  16. var point = new GLatLng(23.115800, 113.2750000);    //創建一個坐標
  17. var marker=new GMarker(point);  //在此坐標創建一個標注
  18. map.addOverlay(marker);    //將此標注加入到當前地圖中
  19.  
  20. //手動加入提示信息  GEvent為Google MAP的事件管理對象, addListener可以綁定一個事件的處理函數
  21. GEvent.addListener(marker, 'click',
  22. function() {
  23. var div=document.createElement("div");  //創建一個div,用于裝載提示信息,當關閉提示信息時會自動釋放對象
  24. div.innerHTML="<img src='//www.gsqup.icu/images/Logo.GIF'><br><a href='//www.gsqup.icu'>網站建設</a>";
  25. //加入提示信息
  26. marker.openInfoWindow(div);   //在標注上彈出提示信息層}
  27. );
  28. }
  29. }
復制代碼

更詳細的說明,參考://code.google.com/intl/zh-CN/apis/maps/documentation/introduction.html