Google Maps API 代码

注明:来之苏飞的博客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&amp;v=2&amp;key=ABQIAAAAomgcdg9DjL60HKYl-1QbnhRhywW8vKZVMFuSsAE3Eu0YRdhAXhTcj2-jOXN4Kbz6pCI4DnVhXqqW6g"
      type
="text/javascript"></script>
    
<script src="http://www.google.com/uds/api?file=uds.js&amp;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.81552976499691113.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="720px;height:500px"></div>
  
</body>
</html>

原文地址:https://www.cnblogs.com/NetSos/p/1752238.html