สร้าง Map Mashup อย่างง่าย

by thaitopo Sun Aug 12, 2007 12:52 pm

???ǒ?ҧǔ?ҡ҃?ը?蒊?㨼br />?҃㪩 Google Maps API ྗ荊éҧ Google Map Mashup ͂蒧?蒂
?º?§ⴂ Í?ȒʵÒ?҃¬ʇъ?Ԭ?т ࡃՂ?䡃ྪà
??ǔ?҇ԈǡÃ?ӃǨ ??ЇԈǡÃ?Ҋ?ì ?،҅??ó쁋҇Էő¼/strong>

http://lecturer.eng.chula.ac.th/fsvskk/gglmap2/get-start-gmap-apiv2.html

???Ӽbr />
Google Maps API ?臂㋩?ʒ?ö?Ѳ?Ң?á?Áྗ荡?á Google Maps ࢩҤ?໧?ͧ?컃Сͺʨǹ˹֨?㹠ǧ?ྨ?ը?鍧?҃䴩ⴂ࢕¹໧?Ëъ html ᅐ javascript 㹃ٻẺ?ը䁨ʅѺ?Ѻ?鍹?ѡʓ˃Ѻ?ҹἹ?ը?蒂标oogle Maps API ??մ?ǒ?ҁ҃??ǩҧ?ǒ?๩?㹴钹?҃?Ӡʹ͢鍁مἹ?ը㹅ѡɳЋ???ѡ (Push pin / Place marker) ?֨?ʒ?ö?Ӌ??㋩ኴ??鍁م?Ð?ͺἹ?ը?荼٩㪩?Ŕ??ը?ч push pin /marker ?ѩ?栋×͍??졼??ըẺ?? (Polyline) ?ש??ը (Polygon) ᅐ?? (Ground overlay) ?Ô?҃?钹Ἱ?ը?ͧ Google ?թ?聵鹵ѩ?ᵨ?Œ??դȮ 2005 ໧??Ô?҃?Õ ?Ѵ㋩ᡨ?٩㪩?ѨǢšⴂ?Ҵˇѧ?ը?У?顒â?ɳҺ?Ἱ?ը໧?Ò¤?顅Ѻ?׹ᵨ㹃ЂСá?Ђѧ䁨??҃⦉?Ҵѧ?Ũ҇ 㹡҃?Ѵ?Ô?҃Ἱ?ը?թ ʨǹ?Ð?ͺ?ש??ҹʓ?ѭ?ը?֧?ٴ㨣˩??٩㪩?ҹἹ?ը?ͧ?٠?ԩŠ?繍¨ҧ???׍Ἱ?ըᅐ???蒂?҇෕?س???ի֨??Í??Ř?ѨǾש??ԇⅡ㹁ҵÒʨǹ?蒧栵ҁ?ǒ?ˁҐʁ ?ӣ˩?҃?Ѳ?ҵ荂ʹ?ҡʔ觷ը?٠?ԩŨѴ䇩㋩ᅩǠ?繧ҹ?ը?蒊?㨠䁨?鍧ŧ?ع?Ѵ˒?Ñ??÷ը˒?ᅐÒ?ҡ????㪩㹢?ç?҃͂蒧?ըं໧?㹍?յ

๗荧?ҡ?Ѵ?ӠGoogle Maps API ໧?⻃ᡃ?ˑʠ?Դ (Open source program) 㹀҉Ҩ҇Ҋ?Ô??젨֧?ӣ˩?٩㪩?ը໧??ѡ?Ѳ?Ң?á?Áʒ?öࢩҤ??ك҂Ő?´?ͧËъ⻃ᡃ??銐?ǡ Ç?ѩ?ʒ?ö?Ñ?໅ը¹ᡩ䢢?á?Á䴩 ?ӣ˩ Google Maps API ??٩㪩?ѹ͂蒧?ǩҧ?ǒ? ?ؼŊӤѭ͕? 2 ͂蒧?ըʨ??ԁ㋩??٩㪩???׍Ἱ?ըᅐ???蒂?҇෕?س???շը㪩ʹѺʹع?҃?ӡ???ը?㋩?Í??Ř?ש??ը?蒧栍¨ҧ?ǩҧ?ǒ? ᅐ?ר͠ʕ§?ͧ⻃ᡃ?Google Earth ?ԁ?釂?Ô?҃ Google Local ?ը???荹

???ǒ?թ?СŨ҇?֧?҃㪩 Google Maps API ?Ӣ?á?Á?Ð??ը?¡ǨҠMap mashup ͂蒧?蒂ྗ荠?繵ч͂蒧㋩?٩ʹ㨤?鷓?֩?ྗ荠Ô聵鹷?ō?㪩?ҹ ˃׍?¹Ù鷓?ǒ??钣?㹠??⹢łաŐ?մ?ǒ?ҁ҃??ͧ Google Maps API

Google Maps mashup

?Ӈ蒠?mashup? ˃׍ "mash-up" ໧?ȑ??젩?Ґ㹡Ǵǧ?ͧ?ѡ?Ѳ?Ҡapplication Ẻ client-server ?Ð??ը?Ӡ?ԁ?荢֩??ⴂ㪩software tool ᅐ ?Ñ??÷ը?ҧ?٩㋩?Ô?҃?Ѵ䇩㋩ ໧??ӣˁ跕裪顑?˹ҋ٣??ՠ2005 ??ը??ҡǧ?҃྅??荹ѡ?ѴÒ¡҃྅?ࡔ??ǒ?Դ዇?ṇⴂ??ō?໔?྅? 2 ྅??é́桑? ?ӣ˩ࡔ??§྅??ը?ʁ?ʒ??ըễ? ᅐ?ҧ?Ñ駁դǒ???Рᅐ?¡?ҹ?ŷըࡔ??֩?ǨҠ?mashup?

mashup ?ը?Ũ҇?֧?ѹ??㹡Ǵǧ?ѡ?Ѳ?ҡ;Ŕपѹ?ը㪩??͔?്ì๧??ͧ?컃Сͺ͂蒧?鍂 2 ʨǹ ʨǹს?׍ application program interface (API) ᅐ?Ñ??Ê?Ѻʹع?ҡ૔ì??ì?ͧ?٩㋩?Ô?҃ ᅐʨǹ?ը 2 ?׍⻃ᡃ?Ő?Ñ??âͧ?٩?Ѳ?ҡ;Ŕपѹ?ѩ? (?Դ?ѩ?͂٨?ը??䫷좍??٩?Ѳ?ҩ ?重¨ҧ?óբͧ Google Maps mashup ?稐ˁ҂?֧??ྨ?ը?ѡ?Ѳ?Ҡǧ?䫷슃钧?֩?㋩?ʨǹ?Ð?ͺ?ը໧?Ἱ?ը?ըʒ?ö?ӧҹẺ⵩?ͺ?Ѻ?٩㪩䴩 ⴂ?Ἱ?ը?ҹ໧?ʨǹ?ը Google ?Ѵ䇩㋩ᅩǠᅐ??鍁مἹ?ը?ͧ????鍹?Ѻ㹅ѡɳЋ???ѡ (?ըʒ?öኴ??鍤ǒ?֨?ὧ͂٨?荼٩㪩?Ŕ??ըˁش?蒹ѩ?) ˃׍ő?ɳЍר??ըʅѺ?Ѻ?鍹?Ǩҹѩ?

?ǒ?٩?ǒ?ӹҭ?ը?ǃ?㹼٩㪩 Google Maps API

㹡҃?Ѵ?ӠGoogle Maps mashup Ð?Ѻ?鹨Ӡ?繵鍧㪩?ǒ?٩?ש??ҹ㹡҃ʃ钧 web page ?ч҉Ҡhtml/ xhtml ?҃࢕¹⻃ᡃ?javascript ?ǒ?٩?荧?҃Ἱ?ըᅐ??Ȓʵì ᅐ ?ǒ?٩㹴钹 xml technology 㹃дѺ??Ժѵԡ҃?ըʙ??֩???ǒ?鍧?҃?ըʅѺ?Ѻ?鍹???֩??ҁœ?Ѻ

㹷ը?թ?͡Ũ҇ⴂʃػࡕ肇?Ѻ?ǒ?٩?ש??ҹທ鍧?鹷ը?Ӡ?繣??ҹ?Ѳ?ҠGoogle Maps mashup ?֨??ǃ? ?ѧ?թ
1. html/ xhtml
2. javascript
3. ?ǒ?٩ǔ?ҀفԈҊ?ì ᅐ?҃Ἱ?ը

?ǒ?٩ྔ聠?ԁ?ը?Ӡ?繊ӋÑ??ҹ?Ѳ?Ңѩ??Œ?-ʙ?
1. XML technology
2. AJAX (javascript + xml)
3. JSON (JavaScript Object Notation)

?ǒ?٩ྔ聠?ԁʓ˃Ѻ?ҹ㋭蠧ҹ?Ԡȉ
1. Server side scripting (PHP, etc)
2. Web database software (MySql, etc)

?ǒ?٩͗蹷ըࡕ肇?鍧 ??ѩ??ը໧??荧?Ò?ԡ Ἱ?ը ᅐ ͗蹦
1. Web map service (WMS) concept
2. SVG (Scalable Vector Graphic)
3. GML (Geographic Markup Language)
4. GIS, GPS, Cartography
5. etcs.

?ѩ??͹˅ѡ㹡҃?Ӡ?Թ?҃?Ѵ?ӠGoogle Maps mashup

1. 蹤Ӣ͠API Key ʓ˃Ѻ URL ?ͧ??䫵췕訐㪩?Ô?҃ Google Maps API ??䫵칑鹠?繷ը?ը??йӠǧ?ྨ?ը? Google Maps ໧?ͧ?컃Сͺ仇ҧ䇩

(URL ?ը蹤Ӣ̓Ѻ API Key:- http://www.google.com/apis/maps/signup.html)

2. ࢕¹⻃ᡃ?éҧ??ྨ?ը㪩 Google Maps API ?臂ʃ钧Ἱ?ը

(ዅ觠͡ʒÍ钧͔?:- http://www.google.com/apis/maps/documentation/reference.html)

3. Upload ?ҹ?ը?Ӡʃ稡ũǢ֩?ʙ蠇纤??젡Ő??ō?㪩?ҹ

ऩҢ?ç?ͧῩ?鍁م HTML ʓ˃Ѻ?҃ʃ钧 Google Maps Mashup ͂蒧?蒂

๗荧?ҡ?҃ኴ??ч͂蒧㹺??ǒ?թŐ??ʨǹ?ը??铡ѹྗ荣˩?Ð˂Ѵ๗鍷ը ᅐ??ǒ?Ð?Ѻ???֩? ?ѧ?ѩ? ʨǹ?ը໧?ऩҢ?çῩ?鍁م?֨??鍧㪩㹷ء?ч͂蒧?֧໧?ʔ觊Ӥѭ?ը?ǃ?Ũ҇?֧?荹 ?֧?͹Ӂҡʴ?䇩 ?ѧ?թ

v\:* {
behavior:url(#default#VML);
}

?鍤ǒ?"v=2" ?֨?᷃?͂٨㹠"http://maps.google.com/maps?file=api&v=2 ..." ໧??҃ҁՠ?̓샐?ؤǒ?鍧?҃?ͣ?頠Google Maps API ?ì?ѹ 2 ྗ荷ӡ҃?Ð?żżbr />
㹊臹 ?ǃ? ྗ荷Ӌ?钷ը໧??ͺࢵኴ??š???ը

ᅐ ൃՂ?ǩ໧??ը?ͧ?҇Ҋ?Ô??쫖觨йӁҡ?á?ő?

υϼ/div>