Results 1 to 3 of 3
Hybrid View
-
21st April 2012 20:32 #1Registered User
Join Date: Apr:2012
Location: Rotterdam
Posts: 1
Google Maps API - êàðòà íà ãðàäîâå ñïîðåä "öâåòà" íà òîêà
Çäðàâåéòå,
íóæíà ìè å ïîìîù çà êóðñîâ ïðîåêò çà Mash up. Îò ñúâñåì ñêîðî ñå ñáëúñêâàì ñ API è íå ñå îðèåíòèðàì êàê äà ñè ðåøà çàäàíèåòî. Óñïÿõ äà ñè ãî ïðåâåäà íà ïî-ðàçáèðàåì çà ìåí åçèê, íî íå çíàì êàêâî äà âúâåäà â Google Maps API, çà äà ïîëó÷à êàðòà ñ ìàðêåðè è pop-up êàðåòà ñ ðàçëè÷íè öâåòîâå òåêñò. Åòî è çàäàíèåòî ìè:
1. Èìàì google spreadsheet ñ íÿêîëêî ãðàäà, öåíè íà òîêà òàì è äàëè òàðèôàòà å çà òîê îò ÂÅÈ èëè êîíâåíöèîíàëåí èçòî÷íèê. Òðÿáâà äà äîáàâÿ ãåîëîêàöèÿ - longitude & latitude îò Google Maps ÷ðåç XPath. Íå çíàì êàê ñòàâà. Ñëåä òîâà òðÿáâà äà eêñïîðòèðàì ôàéëà êàòî csv è äà ãî êîíâåðòèðàì â JSON ÷ðåç Google App Engine. Êîíâåðòèðàíåòî íå ìè å ÿñíî êàê ñå ïðàâè.
2. Òðÿáâà äà ñâúðæà JSON ôàéëà ñ javascript òàêà ÷å äà ñå ïîêàçâà â Google Maps è äà çàäàì öâåòîâå íà òàðèôèòå. Íå çíàì êàê ñòàâà.
3. Òðÿáâà ñúùî äà íàïðàâÿ HTML form ñ òåêñòîâî ïîëå è áóòîí. Input å JSON ôàéëà. Ïðè âúâåæäàíå íà èìå îò Google spreadsheet òðÿáâà äà ñå ïîêàçâà îñòàíàëàòà èíôîðìàöèÿ â òåêñòîâîòî ïîëå. Íå çíàì êàê ñå çàäàâà òàã, â êîéòî ñå ïîñî÷âà input feed.
Åòî òîâà å Google spreadsheet, êîéòî òðÿáâà äà èçïîëçâàì:
https://docs.google.com/spreadsheet/...aYVRUTnc#gid=0
Òðÿáâà äà ïðåäàì çàäàíèåòî äî âòîðíèê äðóãàòà ñåäìèöà. Ùå ñúì âè ìíîãî áëàãîäàðíà, àêî ìè ïîìîãíåòå äà ñå ñïðàâÿ!
-
21st April 2012 23:21 #2
Èíòåðåñíî... êúäå ó÷èòå òàêèâà ðàáîòè è âè äàâàò çàäà÷è äà ðàáîòèòå ñ Google API?
Îòíîñíî çàäà÷àòà - âñå ïàê íàïðàâèëà ëè ñè íåùî? Ïî÷íè îòíÿêúäå, íàïðàâè html-a ñ áóòîíà, ïðî÷åòè äîêóìåíòàöèÿòà íà API-òî, òàì èìà ïðèìåðè... êàòî çàïúíåø íà íåùî êîíêðåòíî - ïèòàé.Ëþáèìî ïèòèå çàïî÷âàùî ñ áóêâàòà 'Ê'? * Êàñà áèðà *
Àêî ìîæåø äà ëåæèø íà ïîäà áåç äà òè ñå íàëàãà äà ñå äúðæèø - âñå îùå ÍÅ ñè ïèÿí!
Äàâàéòå ñëåäâàùàòà Êàñà...
-
22nd April 2012 02:53 #3
Åãàòè ãàäíàòà çàäà÷à

Ìàëêî íà ñëÿïî ùå íàïèøà, ïîíåæå íå ñúì ìíîãî íàÿñíî è àç ñ òèÿ àïèòà, ïî-ñêîðî ïðîãðàìèñò òðÿáâà
Òà...
Ëîêàöèÿòà íà äàäåíèòå ãðàäîâå ìîæåø äà íàìåðèø òàêà:
http://maps.googleapis.com/maps/api/...ia&sensor=true
Òàì êúäåòî å Êàëèôîðíèÿ ñè ñëàãàø ãðàäà, îò XMLa ãëåäàø "location". Òî òè äàâà ñòîéíîñòèòå, êîèòî òè òðÿáâàò. Ñëåä êàòî ãè íàìåðèø âñè÷êèòå è ãè äîáàâèø, çàïàçâàø ôàéëà êàòî CSV.
CSV
JSONCode:Name,Tariff,Location,GreenOrGrey J.van der Veen,0.218,Rotterdam,Green R.Jones,0.2272,Amsterdam,Grey N.van Hagent,0.2187,Delft,Green W.Werner,0.2049,Berlin,Green A.Doukakis,0.3451,Athens,Green D.Balboni,0.3472,Milan,Grey A.Becks,0.1987,Sydney,Grey G.Buckley,0.105,California,Grey
Ïðîñòî ãóãúëíè CSV to JSON. Àç ïîëçâàõ òîâà: http://www.cparker15.com/code/utilities/csv-to-json/Code:[ { "Name": "J.van der Veen", "Tariff": "0.218", "Location": "Rotterdam", "GreenOrGrey": "Green" }, { "Name": "R.Jones", "Tariff": "0.2272", "Location": "Amsterdam", "GreenOrGrey": "Grey" }, { "Name": "N.van Hagent", "Tariff": "0.2187", "Location": "Delft", "GreenOrGrey": "Green" }, { "Name": "W.Werner", "Tariff": "0.2049", "Location": "Berlin", "GreenOrGrey": "Green" }, { "Name": "A.Doukakis", "Tariff": "0.3451", "Location": "Athens", "GreenOrGrey": "Green" }, { "Name": "D.Balboni", "Tariff": "0.3472", "Location": "Milan", "GreenOrGrey": "Grey" }, { "Name": "A.Becks", "Tariff": "0.1987", "Location": "Sydney", "GreenOrGrey": "Grey" }, { "Name": "G.Buckley", "Tariff": "0.105", "Location": "California", "GreenOrGrey": "Grey" } ]
Ñëåä êàòî èçâàäèø êîäà äî êîëêîòî ðàçáèðàì òðÿáâà äà íàïðàâèø HTML ñ Google Maps Api è ÿêî JavaScript çà äà íàïðàâèø êàðòà è ìàðêåðè. Ãëåäàé çà íåùî îò ñîðòà íà google.maps.map è google.maps.marker, êàê òî÷íî îáà÷å äà ñå äîáàâÿò è íàãëàñÿò ñè òðÿáâà ïîâå÷å ÷åòåíå èëè íÿêîé ìíîãî íàÿñíî ñ JS. Åòî òè äîêóìåíòàöèÿòà https://developers.google.com/maps/d...cript/tutorial
Çà ñúæàëåíèå îáÿñíåíèÿòà òî÷íî íà òîâà àïè ñà ãàäíè è íàøèðîêî, èìàò è êúäå êúäå ïî-ëåñíè
Âúïðîñíèÿò JSON ôàéë èñêàò äà ãî âêàðàø â íÿêàêâà ôîðìà, íåùî òàêîâà:
Íå çíàì îáà÷å êàêúâ òðÿáâà äà å òîçè action çà äà èíòåðïðåòèðà JSON è íà ïàð÷å îò èíôîðìàöèÿòà, êîÿòî ñúäúðæà äà âàäè îñòàíàëîòî. Àêî èìàø ïðèÿòåë óåá ïðîãðàìèñò, êîéòî èìà âðåìå äà ïî÷åòå ìàëêî äîêóìåíòàöèÿòà, ñðàâíèòåëíî ëåñíî ùå ãî íàïðàâè. Äðóã å âúïðîñà òè çà êàêâî ãî ó÷èøCode:<form action="" method="post"> <textarea name="txtarea"></textarea> <input type="submit" value="submit" name="submit"> </form>
Óñïåõ è ïèøè êàêâî å ñòàíàëî íàêðàÿ
Lenovo Y720; Samsung 850 Evo 1TB; Logitech G604; DELL U2410; Wacom Intuos 4L




Reply With Quote
Lenovo ThinkPad 15 èëè IdeaPad 15
5th May 2023, 22:16 in Ìîáèëíè êîìïþòðè