Sign-up for an API Key

http://code.google.com/intl/en/apis/loader/signup.html

Sign-up for an API Key

The Google Search APIs let you put Google Search in your web pages with JavaScript. While you can use these APIs without a key, it is very useful to have one. If you have a key, we can contact you if we detect problems with your application/site.
APIs that use the Google API loader allow you to use an API key. This key allows us to contact you in the event of issues with your application. A single API key is valid within a single directory on your web server, including any subdirectories. Signing up the URL http://www.mygooglesearchssite.com/mysite, for example, will create a key usable within all URLs in the http://www.mygooglesearchssite.com/mysite/ directory.
You must have a Google Account to obtain a Google API key, and your API key is tied directly to your Google Account. You can generate multiple API keys for your account if you have multiple web sites.
You are subject to the terms of any API you load using the loader.

• My web site URL:

Thanks for Signing up for a Google API key!

Your key is:

ABQIAAAATnIG9qFAg7nB6fgNqvOpoxRc88rVfQ8hgQrXQDtmwADU-6IcEBSkNgnnpkJdZ7GK9cEeaI9llxtZIw

This key is good for all URLs in this directory:

http://www.coding.com.tw

Here is an example web page to get you started:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>My Google API Application</title>
    <script src="https://www.google.com/jsapi?key=ABQIAAAATnIG9qFAg7nB6fgNqvOpoxRc88rVfQ8hgQrXQDtmwADU-6IcEBSkNgnnpkJdZ7GK9cEeaI9llxtZIw" type="text/javascript"></script>
    <script language="Javascript" type="text/javascript">
    //<![CDATA[

    google.load("search", "1");

    function OnLoad() {
      // Create a search control
      var searchControl = new google.search.SearchControl();

      // Add in a full set of searchers
      var localSearch = new google.search.LocalSearch();
      searchControl.addSearcher(localSearch);
      searchControl.addSearcher(new google.search.WebSearch());
      searchControl.addSearcher(new google.search.VideoSearch());
      searchControl.addSearcher(new google.search.BlogSearch());

      // Set the Local Search center point
      localSearch.setCenterPoint("New York, NY");

      // Tell the searcher to draw itself and tell it where to attach
      searchControl.draw(document.getElementById("searchcontrol"));

      // Execute an inital search
      searchControl.execute("Google");
    }
    google.setOnLoadCallback(OnLoad);

    //]]>
    </script>
  </head>
  <body>
    <div id="searchcontrol">Loading...</div>
  </body>
</html>

感謝您申請 Google Maps API 金鑰！
您的金鑰為：
ABQIAAAATnIG9qFAg7nB6fgNqvOpoxRc88rVfQ8hgQrXQDtmwADU-6IcEBSkNgnnpkJdZ7GK9cEeaI9llxtZIw
注意：如要進一步瞭解 API 金鑰系統，請參閱 http://code.google.com/apis/maps/faq.html#keysystem。
您使用的 Maps API 產品或服務會決定金鑰的使用方式；您的金鑰適用於所有 Google Maps API 解決方案。以下範例示範如何在 Maps API 產品線內使用您的金鑰。
JavaScript Maps API 範例
在 JavaScript Maps API 中，可於載入 API 時將金鑰放置於指令碼標記內：
...
  // Note: you will need to replace the sensor parameter below with either an explicit true or false value.
  <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true_or_false&amp;key=ABQIAAAATnIG9qFAg7nB6fgNqvOpoxRc88rVfQ8hgQrXQDtmwADU-6IcEBSkNgnnpkJdZ7GK9cEeaI9llxtZIw" type="text/javascript"></script>
...
如需詳細資訊，請參閱 JavaScript Maps API 文件中的「載入 Maps API」。
Maps API for Flash 範例
在 Maps API for Flash 中，您可以在 MXML 宣告中放置金鑰，直接在程式碼裡面宣告為 Map.key 內容，或者在 HTML 容器內宣告為 flashVars 內容。下方為 MXML 宣告範例：
...
  <maps:Map xmlns:maps="com.google.maps.*" id="map" mapevent_mapready="onMapReady(event)" width="100%" height="100%"
    key="ABQIAAAATnIG9qFAg7nB6fgNqvOpoxRc88rVfQ8hgQrXQDtmwADU-6IcEBSkNgnnpkJdZ7GK9cEeaI9llxtZIw"/>
...
如需詳細資訊，請參閱 Maps API for Flash 文件中的「宣告地圖」。
HTTP 服務範例
在 Maps API HTTP 服務中，例如 Static Maps API 或地理編碼服務，直接將金鑰放置於要求的網址：
http://maps.google.com/maps/geo?q=1600+Amphitheatre+Parkway,+Mountain+View,+CA&output=json&oe=utf8\
&sensor=true_or_false&key=ABQIAAAATnIG9qFAg7nB6fgNqvOpoxRc88rVfQ8hgQrXQDtmwADU-6IcEBSkNgnnpkJdZ7GK9cEeaI9llxtZIw

程式碼工作室
ERP/EIP/CMS/CHART/REPORT/SPC/EDA/雲端 系統開發整合
ASP/PHP/JSP/ASP.NET 網頁設計
技術指導顧問
信箱:paulwu0114@gmail.com
http://www.coding.com.tw

Google Map Api和GOOGLE Search Api整合

       将GOOGLE MAP API 和 GOOGLE Search API 进行整合，我用面向对象的方式写了一个类，通过传一个经纬度进去，自动通过GOOGLE LOCAL SEARCH获取附近的相关信息。比如餐厅、景点等，反过来标到地图上，并可在任意容器内显示。

下面是源码：

JavaScript复制代码

1. /*  
2. *Author:karry  
3. *Version:1.0  
4. *Time:2008-12-01  
5. *KMapSearch 类  
6. *把GOOGLE MAP 和LocalSearch结合。只需要传入MAP\经纬度值，就可以把该经纬度附近的相关本地搜索内容取出来，在地图上标注出来，并可以在指定容器显示搜索结果  
7. */  
8.   
9. (function() {   
10.     var markers= new Array();    
11.     var KMapSearch=window.KMapSearch= function(map_, opts_) {   
12.         this.opts = {   
13.             container:opts_.container || "divSearchResult",   
14.             keyWord:opts_.keyWord || "餐厅",   
15.             latlng: opts_.latlng || new GLatLng(31, 121),   
16.             autoClear:opts_.autoClear || true,   
17.             icon:opts_.icon || new GIcon(G_DEFAULT_ICON)   
18.         };   
19.         this.map = map_;   
20.         this.gLocalSearch = new google.search.LocalSearch();   
21.         this.gLocalSearch.setCenterPoint(this.opts.latlng);   
22.         this.gLocalSearch.setResultSetSize(GSearch.LARGE_RESULTSET);   
23.         this.gLocalSearch.setSearchCompleteCallback(this, function() {   
24.             if (this.gLocalSearch.results) {   
25.                 var savedResults = document.getElementById(this.opts.container);   
26.                 if (this.opts.autoClear) {   
27.                     savedResults.innerHTML = "";   
28.                 }   
29.                 for (var i = 0; i < this.gLocalSearch.results.length; i++) {   
30.                     savedResults.appendChild(this.getResult(this.gLocalSearch.results[i]));   
31.                 }   
32.             }   
33.         });   
34.     }   
35.     KMapSearch.prototype.getResult = function(result) {   
36.         var container = document.createElement("div");   
37.         container.className = "list";   
38.         var myRadom =(new Date()).getTime().toString()+Math.floor(Math.random()*10000);   
39.         container.id=myRadom;   
40.         container.innerHTML = result.title + "<br />地址：" + result.streetAddress;   
41.         this.createMarker(new GLatLng(result.lat, result.lng), result.html,myRadom);   
42.         return container;   
43.     }   
44.     KMapSearch.prototype.createMarker = function(latLng, content)   
45.     {   
46.         var marker = new GMarker(latLng, {icon:this.opts.icon,title:this.opts.title});   
47.         GEvent.addListener(marker, "click", function() {   
48.             marker.openInfoWindowHtml(content);   
49.         });   
50.         markers.push(marker);   
51.         map.addOverlay(marker);   
52.     }   
53.     KMapSearch.prototype.clearAll = function() {   
54.         for (var i = 0; i < markers.length; i++) {   
55.             this.map.removeOverlay(markers[i]);   
56.         }   
57.         markers.length = 0;   
58.     }   
59.     KMapSearch.prototype.execute = function(latLng) {   
60.         if (latLng) {   
61.             this.gLocalSearch.setCenterPoint(latLng);   
62.         }   
63.         this.gLocalSearch.execute(this.opts.keyWord);   
64.     }   
65. })();  

使用方法：

JavaScript复制代码

1. var myIcon = new GIcon(G_DEFAULT_ICON);   
2. myIcon.image = "canting.png";   
3. myIcon.iconSize = new GSize(16, 20);   
4. myIcon.iconAnchor = new GPoint(8, 20);   
5. myIcon.shadow = "";   
6. var mapSearch = new KMapSearch(map, {container:"cantingContainer",latlng:initPt,icon:myIcon,keyWord:"餐厅"});   
7. mapSearch.clearAll();   
8. mapSearch.execute();  

点击这里查看演示示例：经纬度查询整合本地搜索

程式碼工作室
ERP/EIP/CMS/CHART/REPORT/SPC/EDA/雲端 系統開發整合
ASP/PHP/JSP/ASP.NET 網頁設計
技術指導顧問
信箱:paulwu0114@gmail.com
http://www.coding.com.tw