• Google Maps 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>

    <%-- 加载本地搜索的样式--%>
       <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.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="720px;height:500px"></div>
      </body>
    </html>

    本人的博客不再维护从2013年就不再维护了 需要我帮助的朋友请到我的个人论坛 http://www.sufeinet.com 进行讨论,感谢大家对我的支持!
  • 相关阅读:
    Aspect Oriented Programming
    jsp01
    监听器
    Java编写验证码
    servlet07
    MySQL02
    MySQL01
    Java的jdk1.6与jre1.8中存在的差异
    登陆验证和二级联动
    ajax和json
  • 原文地址:https://www.cnblogs.com/sufei/p/1485987.html
Copyright © 2020-2023  润新知