Re: [問題] 請問這樣的google map是怎樣做的?
※ 引述《charleshu (Analog Engineer)》之銘言：
: ※ 引述《triumphway (TRIumph)》之銘言：
: : 參考網站在此：http://www.oakhouse.jp/gmap.php
: : 點它的紅色標籤可以看到房子"內部"照片
這裡是用了了google 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)
推
04/29 03:43, , 1F
04/29 03:43, 1F
推
05/11 14:54, , 2F
05/11 14:54, 2F
推
08/25 09:15, , 3F
08/25 09:15, 3F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 3 之 3 篇)：