目前分類:Google_API - Google Map (3)

瀏覽方式: 標題列表 簡短摘要
最近參與的一個專案,客戶希望新增加一個功能,要把廠商的位置顯示在google map上。終於有機會可以來試試google map api。

首先先去 http://code.google.com/apis/maps/signup.html 申請一組api key,這組key只能用在你設定網站上面。

key產生之後,還有一個簡單的sample code可以參考,複製貼上後,我的第一個map就產生了,真是方便。

<!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>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=your api key"
      type="text/javascript"></script>
    <script type="text/javascript">

    //<![CDATA[

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
      }
    }

    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>


接下來用這個sample來做一下延伸

kevin0523 發表在 痞客邦 留言(0) 人氣()

Google 繼前天更新 Google Code 為多語系後(包含簡體中文),進而更新 Google Maps API 文件(剛公佈時僅有第一層內容有翻譯),我想這對於華人地區學習 Google Maps 的應用與 Mapplets 的開發有相當大的幫助,像我英文差的以後就可以用到啦!

Google Code

因為這消息也讓我注意到 Mapplets 的蓬勃發展,Mapplets 就是在 Google Maps 上開發的 Gadget,目前已經很多高手發展了一些不錯的玩具

期中較令我注意的是 台灣汽車行車導航 這工具,它結合了 UrMap 的導航功能,讓使用者可以在 Google Maps 上規劃路徑,補足現有 GMaps 現有的遺憾,真是個很值得推薦的 Mashup。

作者在它的 blog 有詳細的操作說明,可以移駕過去看看

延伸閱讀:

kevin0523 發表在 痞客邦 留言(0) 人氣()

去年底 Google 推出了 Chart API,讓大家可以使用網址來畫圖表,現在 Google Maps 也不惶多讓,推出靜態(圖片)式地圖 Static Maps API,讓網友們使用網址就可以畫地圖囉!

Google 的 Static Maps,如果有在使用 Google 的人應該不陌生,它會出現在一般網路搜尋及地圖搜尋中(當 javascript disable 狀態時),但是把這功能與眾多鄉民分享,我想也只有那麼有錢的 G 大神辦的到。

以下圖為例,藍色的標記是 101 大樓,綠色的標記是我最常拍攝 101 的點。

kevin0523 發表在 痞客邦 留言(0) 人氣()