Scribble Maps Blog
Suurin julkaisumme tähän mennessä, mobiili ja API.
Olemme erittäin innoissamme (ja hieman helpottuneita) saadessamme vihdoin uuden Scribble Maps -version ulos. Puhuttavaa on paljon. Olemme julkaisseet uuden peruseditorin sekä täyden API:n.
Halusimme tehdä uuden version käyttökokemuksesta niin johdonmukaisen, etteivät ihmiset edes huomaisi meidän käytännössä rakentaneen kaiken uudelleen alusta alkaen. Niinkin yksinkertaiset asiat kuin mukautetut kursorit olivat haaste, koska halusimme säilyttää yhteensopivuuden eri selainten välillä. Joten uusi versio toimii aina IE7-selaimeen asti.
Sen jälkeen kun Google ilmoitti, ettei se enää tue Maps API:nsa Flash-versiota, päätimme muutamasta ydinasiaasta, jotka halusimme toteuttaa, koska meidän oli tehtävä täydellinen uudelleenrakennus.
Yksi suurimmista pyynnöistämme oli mahdollisuus käyttää Scribble Mapsia mobiiliympäristössä ja erityisesti tableteilla. Koska hyödynsimme javascriptiä, sovellus toimii tablettilaitteilla.
Kartanlukusovelluksen toimiminen on kuitenkin eri asia kuin sen käytettävyys. Esimerkiksi Scribble Mapsin työpöytäversiossa on hiiren vietäessä aktivoituvia elementtejä (roll overs), joita tableteilla ei ole.
Piirtäminen Scribble Mapsissa toimii aivan kuten canvas-elementillä, joten voit määrittää tyylin etukäteen ja piirtää useita viivoja, jotka kaikki omaksuvat kyseisen tyylin. Tämä ei koske vain muotoja, vaan se pätee myös asioihin kuten merkit (Markers). Joten on mahdollista tehdä asioita kuten
Suhde, joka käyttäjällä on karttaan, määritellään työkalujen kautta, ja työkaluja muuttamalla muutat sitä, miten käyttäjä käyttää karttaa.
Scribble Mapsissa puolestaan ei ole rajoituksia. Kun kartta on tallennettu, siitä voidaan pyytää kuva riippumatta siitä, kuinka paljon tietoa siinä on. Lisäksi kun kartta tallennetaan, kuva mitätöidään ja seuraavan kerran sitä pyydettäessä se renderöidään uudelleen. Tämä mahdollistaa tehokkaasti sellaisten kuvalinkkien luomisen, jotka päivittyvät sitä mukaa kun muutat karttaa.
Alla on esimerkki yhdestä tällaisesta kuvasta.
Linkit
Scribble Maps API
Scribble Maps API -ryhmä
Flashista HTML5/Javascriptiin
Vaikka monet käyttäjistämme eivät ehkä ymmärrä teknologian muutosta, sen vaikutukset ovat erittäin suuret. Siirtyminen Flashista HTML5/Javascriptiin ei ollut erityisen helppoa, varsinkin kun halusimme pitää käyttökokemuksen mahdollisimman samanlaisena kuin se, mikä teki alkuperäisestä Scribble Mapsista niin suositun.Halusimme tehdä uuden version käyttökokemuksesta niin johdonmukaisen, etteivät ihmiset edes huomaisi meidän käytännössä rakentaneen kaiken uudelleen alusta alkaen. Niinkin yksinkertaiset asiat kuin mukautetut kursorit olivat haaste, koska halusimme säilyttää yhteensopivuuden eri selainten välillä. Joten uusi versio toimii aina IE7-selaimeen asti.
Sen jälkeen kun Google ilmoitti, ettei se enää tue Maps API:nsa Flash-versiota, päätimme muutamasta ydinasiaasta, jotka halusimme toteuttaa, koska meidän oli tehtävä täydellinen uudelleenrakennus.
- Halusimme verkkosovelluksen toimivan sekä työpöytä- että mobiiliympäristössä.
- Halusimme rakentaa oman renderöintimoottorimme, jotta voisimme tarvittaessa vaihtaa eri API-palveluntarjoajiin.
- Emme halunneet rikkoa minkään kartta-API-palveluntarjoajan käyttöehtoja.
- Halusimme uudelleenrakennuksen olevan API-keskeinen, jotta kehittäjät voisivat hyödyntää kartanluontityökalujamme omissa sovelluksissaan.
Scribble Maps mobiililaitteilla
Yksi suurimmista pyynnöistämme oli mahdollisuus käyttää Scribble Mapsia mobiiliympäristössä ja erityisesti tableteilla. Koska hyödynsimme javascriptiä, sovellus toimii tablettilaitteilla.Kartanlukusovelluksen toimiminen on kuitenkin eri asia kuin sen käytettävyys. Esimerkiksi Scribble Mapsin työpöytäversiossa on hiiren vietäessä aktivoituvia elementtejä (roll overs), joita tableteilla ei ole.
Tämä johti siihen, että muokkasimme käyttökokemusta sen mukaan, käytätkö kosketuslaitetta. Tämä tapahtuu automaattisesti ilman tarvetta muokata minkäänlaista koodia.
Scribble Maps API
Olemassa on noin puoli tusinaa todella suosittua kartta-API:a, joten halusimme keskittyä erityisesti muokkaamiseen ja vuorovaikutteisuuteen, jättäen muun visualisoinnin ja tiilien renderöinnin muille API-liittymille. Kun päätimme, miten halusimme rakentaa API:n, totesimme, että yksi parhaista Javascript-ohjelmointityyleistä oli JQuery. Joten on mahdollista luoda peittokuvia ja vuorovaikutteisuutta yhdellä rivillä.
ScribbleMap.draw.line([[lat, lng], [lat2, lng2]], { lineColor: "#0000FF" }).click(function() { alert("Minua on klikattu") });
Piirtäminen Scribble Mapsissa toimii aivan kuten canvas-elementillä, joten voit määrittää tyylin etukäteen ja piirtää useita viivoja, jotka kaikki omaksuvat kyseisen tyylin. Tämä ei koske vain muotoja, vaan se pätee myös asioihin kuten merkit (Markers). Joten on mahdollista tehdä asioita kuten
Suhde, joka käyttäjällä on karttaan, määritellään työkalujen kautta, ja työkaluja muuttamalla muutat sitä, miten käyttäjä käyttää karttaa.
Dynaaminen kuva-API
Yksi ensisijaisista asioista, joihin Scribble Mapsia käytetään, on kuvien luominen. Tämä aiheutti meille paitsi valtavan ongelman myös uuden mahdollisuuden, kun siirryimme pois Flashista. Muiden kartta-API:en avulla on mahdollista luoda "staattinen kuva". Ongelmana näissä staattisissa kuva-API:issa on se, että melkein kaikilla niistä on rajoituksia sille, kuinka paljon tietoa renderöidyssä kuvassa voi olla.Scribble Mapsissa puolestaan ei ole rajoituksia. Kun kartta on tallennettu, siitä voidaan pyytää kuva riippumatta siitä, kuinka paljon tietoa siinä on. Lisäksi kun kartta tallennetaan, kuva mitätöidään ja seuraavan kerran sitä pyydettäessä se renderöidään uudelleen. Tämä mahdollistaa tehokkaasti sellaisten kuvalinkkien luomisen, jotka päivittyvät sitä mukaa kun muutat karttaa.
Uusi widgetti
Version 2.0 myötä olemme myös esitelleet widgetin, jossa on enemmän käyttöliittymän hallintatyökaluja. Tämä on ensimmäinen versiomme, ja tulemme parantamaan sitä seuraavien viikkojen aikana.Linkit
Scribble Maps API
Scribble Maps API -ryhmä