Friday, November 29, 2013

Our Biggest Release Yet, Mobile and API.

We are super excited (and a little relieved) to finally have our new version of Scribble Maps out. There is a lot to talk about. We have rolled out a new basic editor as well as a full API.

From Flash To HTML5/Javascript

While many of our users may not understand the change in technology, the implications of this are very large. Moving from flash to HTML5/Javascript was not something that was particularly easy and especially because we want to keep the experience as similar as possible to what made the original Scribble Maps so popular.

We wanted to make the experience of the new version consistent enough that people wouldn't even know we essentially rebuilt everything from the ground up. Things as simple as custom cursors were a challenge because we wanted to maintain cross browser comparability. So the new version works all the way back to IE7.

After Google announced that they would no longer support the flash version of their Maps API we decided on a couple of core things we wanted to since we needed to do a complete rebuild.


  1. We wanted the web application to work both in a desktop and mobile environment.
  2. We wanted to build our own rendering engine so that if we had to, we could switch to different API providers.
  3. We did not want to violate the Terms of Service of any mapping API provider
  4. We wanted the rebuild to be API-centric so that developers could utilize our map authoring tools in their application

Scribble Maps on Mobile

One of the biggest requests we got was the ability to use Scribble Maps in a mobile environment and particularly on tablets. Since we utilized javascript, the application would run on tablet devices.

However, having a mapping application run is different then it being usable. In the desktop version of Scribble Maps for instance you have roll overs, tablets do not have roll overs.
What this lead to was us modifying the user experience based on if you were on a touch device. This happens automatically without the need to modify any kind of code.

Scribble Maps API

There are about half a dozen really popular mapping APIs in existence so we wanted to focus on specifically editing and interactivity, leaving the other visualization and tile rendering to the other APIs.. When deciding how we wanted to structure the API we decided that one of the best styles for Javascript programming out there was JQuery.  So it is possible to create overlays and interactivity in one line.

ScribbleMap.draw.line([[lat, lng], [lat2, lng2]], { lineColor: "#0000FF" }).click(function() { alert("I have been clicked") });


Drawing in Scribble Maps works just like canvas so you can specify a style ahead of time and draw multiple lines which all adopt that style. This not only applies to shapes, it applies to things like Markers as well. So it is possible to do things like

The relationship a user has with the map is defined through tools and by changing the tools you change how the user interfaces with the map.


Dynamic Image API

One of the primary things Scribble Maps is used for is generating images. This posed not only a huge problem for us but also a new opportunity as we moved away from flash. With other map APIs there is the capability to create a "static image". The problem with these static image APIs is they almost all have restrictions on how much data can be on the rendered image.

With Scribble Maps, on the other hand, there is no restriction. Once a map is saved an image can be requested of that map regardless of how much data is on it. Additionally when a map is saved the image is invalidated and the next time it is requested gets rendered again. This effectively allows you to create image links that update as you change the map.
Below is an example of one such image.



New Widget

Also with 2.0 we have introduced a widget that has more UI controls. This is our first version and we will be improving it over the next several weeks.
 

Links

Scribble Maps API
Scribble Maps API group

29 comments:

  1. I recommend a best site writing web content this site prove helpful when you check out this site.

    ReplyDelete
  2. The Super Bowl LI Halftime show will take place on February 5, 2017, at NRG Stadium in Houston, Texas as part of Super Bowl LI. American singer Lady Gaga will headline the show.
    Super Bowl
    Super Bowl Live
    Super Bowl Live Stream
    Super Bowl 51
    Super Bowl 2017
    NFL Super Bowl

    ReplyDelete
  3. RONDA ROUSEY was battered by Amanda Nunes in her long-awaited UFC comeback bout - here are some of the best pictures from the fight. Born in Sweden, Hermansson (14-3) looks to bounce back from his first UFC loss, a submission defeat to Cezar Ferreira that snapped .
    UFC 209
    UFC 209 Live Stream , UFC 209 Live
    UFC 209 Fight , UFC 209 Fight Card

    UFC lightweight Marc Diakiese is putting out a strong message of tolerance and acceptance, become the first fighter for the world's largest MMA. CONOR McGREGOR has been pictured with Manchester United star Wayne Rooney as talks of a superfight with Floyd Mayweather rumble on.
    UFC 209
    UFC 209 Live , UFC 209 Fight Card
    UFC 209 Live Stream , UFC 209 Fight

    ReplyDelete
  4. The top Ten conference might have a claim to being one of the most unpredictable in the country this season. When In knocked off Kansas to spread out up the regular season, many people pick the Hoosiers to win the league.

    March Madness

    March Madness Live

    March Madness Live Stream

    March Madness 2017

    March Madness 2017 Live

    NCAA March Madness

    2017 March Madness

    March Madness Bracket


    Then when Wisconsin opened up up Big Ten play 10-1 with victories against Indiana and Nebraska, among others, the Badgers come about as a likely prospect to win the category. But as fate would have it, Wisconsin would lose five of the next six games, eradicating the way for Purdue to surge late in conference play and rob an outright regular-season subject.

    If the postseason competition is anything like the standard season, we should be in for a massive unforeseen treat in the top 10 tournament.

    Here is how you can view the tournament along with recommendations from our school golf ball experts and the set in place bracket.

    ReplyDelete
  5. Following having a few times with mid-major March Madness championship game titles claiming the schoolMarch Madness Live hockey spotlight, the Power 5 March Madness Live Stream conference tournaments commence to take center stage today. These kinds of are the games that will help define how a bubble and the returning end of the NCAA March Madness Bracket Tournament bracket shakes away.
    March Madness 2017
    On Wednesday, Syracuse, Arkansas, March Madness 2017 Live California, TCU, Ohio Express, Wake Forest, 2017 March Madness Virginia Technology, Texas Tech, Xavier and El monte all play video games NCAA March Madness that will either help solidify their at-large berth/seed or make Selection On the more of an restless day. march madness schedule

    One other quick note: I moved Gonzaga back up to the top seed line after a third thoroughly impressive win over a very good Saint Mary's team in the WCC name game. That's not complete, though. The Pac-12 event champion march madness schedule 2017 could easily turn out there by the end of the week, particularly if the winner of the Arizona/UCLA semifinal beats Or in it game.

    ReplyDelete
  6. Following having a few days and nights with mid-major March Madness championship game titles claiming the schoolMarch Madness Live field hockey spotlight, the Power 5 March Madness Live Stream conference tournaments learn to take center stage today. These types of are the games that will help define how a bubble and the returning end of the NCAA March Madness Bracket Tournament bracket shakes away.
    March Madness 2017
    On Wednesday, Syracuse, Arkansas, March Madness 2017 Live California, TCU, Ohio Point out, Wake Forest, 2017 March Madness Virginia Technical, Texas Tech, Xavier and El monte all play video games NCAA March Madness that will either help solidify their at-large berth/seed or make Selection Weekend more of an stressed day. march madness schedule

    One other quick note: I moved Gonzaga back up to the top seed line after a third thoroughly impressive win over a very good Saint Mary's team in the WCC subject game. That's not total, though. The Pac-12 competition champion march madness schedule 2017 could easily find yourself there by the end of the week, particularly if the winner of the Arizona/UCLA semifinal beats Or in it game.

    ReplyDelete
  7. Ohio, California, TCU, Ohio Condition, Wake Forest,

    Virginia Technology, Texas Tech, Xavier and El monte all play video

    games that will either help solidify their at-large berth/seed or make Selection

    Weekend more of an restless

    March Madness
    March Madness Live
    March Madness Live Stream
    March Madness Bracket
    March Madness 2017
    March Madness 2017 Live
    NCAA March Madness
    2017 March Madness
    march madness schedule
    march madness schedule 2017

    ReplyDelete
  8. As the glimmer of March Madness 2017 (NCAA Tournament) ends up being a surging fire, we're certain that you wish to join countless individuals to enjoy the most interesting university basketball event of the year! Below's just how you can view March Madness 2017 HD 1080p 720p on any one of your devices such as apple iphone, iPad, Android, Mac/PC, Apple TELEVISION, etc.
    March Madness

    March Madness Live

    March Madness Live Stream

    March Madness 2017

    March Madness 2017 Live

    ncaa March Madness

    ncaa march madness live

    ncaa tournament

    March Madness Bracket

    ncaa final four

    Watch March Madness 2017 Live on TV with Cable
    The easiest means to capture an overall of 68 teams consisting of to play basketball video games is to see them on a cable television with NCAA Tournament membership. Networks airing March Madness 2017 like ESPN, AMC, TNT, TBS, Food Network, Sling TV, and also Roku TV will charge $20 monthly without agreement.
    March Madness

    March Madness Live

    March Madness Live Stream

    March Madness 2017

    March Madness 2017 Live

    ncaa March Madness

    ncaa march madness live

    ncaa tournament

    March Madness Bracket

    ncaa final four

    After paying, all clients could enjoy unlimited real-time streaming protection throughout the whole males's basketball championship 2017 on TV.

    ReplyDelete