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&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 οnlοad="load()" οnunlοad="GUnload()">
<%-- 在这里加载地图--%>
    <div   id="map" style="width:720px;height:500px"></div>
</body>
</html>

Google Maps API 代码相关推荐

Google Maps API 简易教程（四）
Google Maps 类型一.基本地图类型 Google Maps API支持一下map类型: .ROADMAP(正式的,默认为2D地图) .SATELLITE(逼真的地图) .HYBRID(逼真 ...
Google Maps API 以某一经纬度为中心，以某一长度位半径画圆 Draw the radius of a circle...
直接看代码: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" ...
Google Maps API v3：如何删除所有标记？
本文翻译自:Google Maps API v3: How to remove all markers? In Google Maps API v2, if I wanted to remove al ...
如何使用Google Maps API禁用鼠标滚轮缩放
我正在使用Google Maps API(v3)在页面上绘制一些地图. 我想做的一件事是在地图上滚动鼠标滚轮时禁用缩放,但我不确定如何. 我已禁用scaleControl(即删除了缩放UI元素),但这 ...
Google maps API开发（一）(转)
一.加载Google maps API <script type="text/javascript" src="http://ditu.google.com/map ...
maps-api-v3_Android Google Maps API集成
maps-api-v3 In this tutorial we'll show how to integrate android google maps API in our application ...
maps-api-v3_利用Google Maps API发挥创意
maps-api-v3 您已经设计了一个闪亮的新网站: 仔细选择颜色,版式和照片,以完美反映公司的品牌形象. 然后您的客户要求您添加地图. 当然,您可以使用地图构建"向导",例如每 ...
Java解析Google Maps API返回的Json
Google Maps API是一个很强大的东西,能够进行经纬度的查询和反查等,对于Java,Google提供了一个Webservices,地址为如下形式: http://maps.googleapi ...
使用Google Maps API和google-maps-react进行React Apps
This tutorial aims at integrating the google maps API to your React components and enabling you to d ...

Google Maps API 代码

Google Maps API 代码相关推荐

最新文章

热门文章