Google Maps API 代碼

最後更新：2018-12-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

註明：來之蘇飛的部落格cnblogs.com/sufei 蘇飛

<!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>

<%-- 載入本地搜尋的樣式--%>
   <style type="text/css">
      @import url("http://www.google.com/uds/css/gsearch.css");
      @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
   }
  .STYLE1 {
  font-size: 12px;
color: #003366;
}
   </style>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>蘇飛祝您一路平安</title>
  <%-- Google Maps API 使您能夠將 Google Maps 嵌入自己的網頁中。一個 Maps API 密鑰只對的一個“目錄”或域有效。
   有關詳細資料，請參閱此常見問題集。您必須有 Google 帳戶才能獲得 Maps API 密鑰，並且 API 密鑰會與您的 Google 帳戶關聯。
   請到這裡申請一個吧http://code.google.com/intl/zh-CN/apis/maps/signup.html--%>
     <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAomgcdg9DjL60HKYl-1QbnhRhywW8vKZVMFuSsAE3Eu0YRdhAXhTcj2-jOXN4Kbz6pCI4DnVhXqqW6g"
      type="text/javascript"></script>
    <script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript"></script>
  <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
   var geocoder = null;
    function load() {
      if (GBrowserIsCompatible()) {
       //這裡是啟用一個地圖
        var map = new GMap2(document.getElementById("map"));
        //地圖中心的位置
        map.setCenter(new GLatLng(34.81552976499691, 113.6833906173706), 13);
   //啟用滑鼠縮放功能
         map.enableScrollWheelZoom();
         //禁用滑鼠縮放功能
         //map.disableScrollWheelZoom();
         //一個本地搜尋的位置
        　　map.addControl(new google.maps.LocalSearch(),new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(-260,0)));
         　 //加上衛星
      　　  map.addControl(new GLargeMapControl());
       　　 //加上地圖
       　　 map.addControl(new GMapTypeControl());
            //平移及縮放控制項（左上方）
   map.addControl(new GLargeMapControl());
   // ，比例尺換件（左下角）
   map.addControl(new GScaleControl());
   // ，縮圖控制項（左下角）
   map.addControl(new GOverviewMapControl());
   //啟用滑鼠拖動
   map.enableDragging();
      }
    }
    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
<%--  在這裡載入地圖--%>
    <div   id="map" style="width:720px;height:500px"></div>
  </body>
</html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

Google Maps API 代碼

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support