※ [本文轉錄自 Web_Design 看板] 作者: lauw (新港解說營) 看板: Web_Design 標題: Re: [問題] 請問這樣的google map是怎樣做的? 時間: Wed Apr 28 13:13:47 2010 ※ 引述《charleshu (Analog Engineer)》之銘言： : ※ 引述《triumphway (TRIumph)》之銘言： : : 參考網站在此：http://www.oakhouse.jp/gmap.php : : 點它的紅色標籤可以看到房子"內部"照片 這裡是用了了google map api中的 GInfoWindow 寫法是… var map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(37.4419, -122.1419), 13); map.openInfoWindow(map.getCenter(), document.createTextNode("Hello, world")); http://code.google.com/intl/zh-TW/apis/maps/documentation/introduction.html #Info_Windows http://ppt.cc/JdNK 如果要加入照片，就得改成 map.openInfoWindowhtml 見範例原始碼。 http://code.google.com/p/we-kill-ten-teams/source/browse/tags/wulia_bata0/ map.html?spec=svn19&r=19 http://ppt.cc/H3pY : : 我在逛日本網站時候 常常會看到這種不太同於我們常見的google map地圖 這個租賣屋網站應該是向最早，最有名的google map混搭的網站- HousingMaps http://www.housingmaps.com/ 所「學習」的。 : : 我有上網大致搜尋過 好像是用google api可以做成的，但是往往搜尋之後 : : 都會連到英文敘述的說明.......根本看不懂XD : : 請問有人能告訴我這是怎樣做的嗎？這需要付費給google嗎？ : : 謝謝!!! : Google map 裡的的 Placemark 被點的時候, 可以開出一個區塊, 裡面可以放 : 你想要的訊息, 裡面也可以有 HTML 語法, 加一個 <img > tag 就可以做到了. : 要不要付費跟這個方法沒有關係, 只需依標準 google map 的條件來判斷. 是用google api做成的 完全免錢… 目前有中文版的官方說明，它寫得還算淺易，可以學到大部分教學。 http://code.google.com/intl/zh-TW/apis/maps/documentation/ 不過要做成這樣與資料庫結合的話(因為你要在圖上匯入大量地點)，要寫php或ruby等… 這樣的話你一定得見它提供的範例 http://code.google.com/intl/zh-TW/apis/maps/documentation/articles.html 用字並不會很難，但得懂一點php、mysql，網路上有很多將範例譯為中文， 但得要記得執行mysql查詢時，前面多加一句 mysql_query("SET NAMES 'UTF8'"); 不然會亂碼。 中文書的話 Ajax與Google Map API入門實作 高橋登史朗 著／博碩 出版日：2006/04/27 但這本有點舊了， 而且是google map api v1的版本， 但目前最新版是v3，最多人應該用v2 不過目前都可以跑就是啦… 有很多小範例，它有許多ajax的各種神奇的應用， 現在日文版有新的，但台灣博碩沒有翻。 Google API開發詳解Google Map與Google Earth雙劍合壁 江寬 龔小鵬 文魁圖書 有簡體版也有繁體版的書，v2，但google map 佔書的一半， 它是提供幾個大範例讓使用者跟著實作， 但最後幾個是比較大的範例。 Google API大全-程式設計、開發、實例 最新的中文手冊…google map是提到一個用ruby開放的範例， 其他直接看官方手冊就可以了。 Beginning Google Maps Applications with PHP and Ajax: From Novice to Professional Beginning Google Maps Applications with Rails and Ajax: From Novice to Professional (有簡體中文版) Beginning Google Maps Mashups with Mapplets, KML, and GeoRSS: From Novice to Professional http://www.googlemapsbook.com/ 第一二本就不強調那些有的沒的特效，而是著重google map與資料庫的結合 它這一方寫得很詳細，也照顧一些初學者。 而第一二本的差別只在一個用ruby on rail，一個是php…其他內容完全一樣,v2的版本。 第三本是強調混搭資料、googlemap到其他網站的樣子(自已沒看過…) Hacking Google Maps and Google Earth 這本有點舊，v1,但滿詳盡的，有php與Python(好像)的寫法… Google Maps Hacks: Tips & Tools for Geographic Searching and Remixing 很多小工具與小範例。 其他…請善用google 大神…有很多寶可以挖。 --

※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.122.218.68 ※ 編輯: lauw 來自: 140.122.218.68 (04/28 13:39) --

※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.122.218.68 ※ 編輯: lauw 來自: 140.122.82.1 (05/22 20:27)