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

11 comments:

  1. In the headliner at, Daniel Cormier and Anthony Johnson will go head to head for the second time. In their past meeting, Cormier vanquished Johnson. Anthony Johnson says Daniel Cormier is his own 'greatest. Video: Embedded, section 1 - 'That was so all around played!'
    UFC 210
    UFC 210 Live , UFC 210 Live Stream , UFC 210 Fight , UFC 210 Card , UFC 210 Fight Card , UFC 210 Online , UFC 210 PPV , UFC 210 Free



    Ultmate Fighting Championship (UFC) Lightweight veterans Will Brooks and Charles Oliveira will duel this Saturday (April 8, 2017) at Betting Line: Oliveira and Brooks Clash With Lopsided Odds. There have been a lot of incredible battles in the UFC light heavyweight division, however which one was the best?
    UFC 210
    UFC 210 Live , UFC 210 Live Stream , UFC 210 Fight , UFC 210 Card , UFC 210 Fight Card , UFC 210 Online , UFC 210 PPV , UFC 210 Free

    ReplyDelete
  2. Prior to the 101st running of the Indianapolis 500 at Indianapolis Motor Speedway on May 28, the top drivers in the IndyCar Series will vie to start on pole during Sunday's qualifying. Saturday's first round of IndyCar qualifying decided the Fast 9, and those drivers will have an opportunity to claim the No. 1 starting position after spots No. 10 through No. 33 get decided earlier in the day. More Details Cick Here: Indy 500 Live

    ReplyDelete
  3. The United States Golf Association (USGA) has announced sectional qualifying sites for the 117th US Open 2017 Championship, which will be held at Erin Hills, in Erin, Wis., on June 15-18. Erin Hills is hosting its first U.S. Open and third USGA championship.



    Sectional qualifying, conducted over 36 holes, will be held on Monday, June 5, at 10 sites in the U.S. For the 13th consecutive year, Japan and England will host international sectional qualifying, scheduled for May 22 and May 29, respectively.

    ReplyDelete
  4. The United States Golf Association (USGA) has announced sectional qualifying sites for the 117th US Open 2017 Championship, which will be held at Erin Hills, in Erin, Wis., on June 15-18. Erin Hills is hosting its first U.S. Open and third USGA championship.



    Sectional qualifying, conducted over 36 holes, will be held on Monday, June 5, at 10 sites in the U.S. For the 13th consecutive year, Japan and England will host international sectional qualifying, scheduled for May 22 and May 29, respectively.

    ReplyDelete
  5. The United States Golf Association (USGA) has announced sectional qualifying sites for the 117th US Open 2017 Championship, which will be held at Erin Hills, in Erin, Wis., on June 15-18. Erin Hills is hosting its first U.S. Open and third USGA championship.



    Sectional qualifying, conducted over 36 holes, will be held on Monday, June 5, at 10 sites in the U.S. For the 13th consecutive year, Japan and England will host international sectional qualifying, scheduled for May 22 and May 29, respectively.

    ReplyDelete
  6. The United States Golf Association (USGA) has announced sectional qualifying sites for the 117th US Open 2017 Championship, which will be held at Erin Hills, in Erin, Wis., on June 15-18. Erin Hills is hosting its first U.S. Open and third USGA championship.



    Sectional qualifying, conducted over 36 holes, will be held on Monday, June 5, at 10 sites in the U.S. For the 13th consecutive year, Japan and England will host international sectional qualifying, scheduled for May 22 and May 29, respectively.

    ReplyDelete
  7. The Nitrocom vendor portfolio is a strong and carefully selected collection of the world’s leading wireless, cloud & security innovators. Each vendor is individually outstanding whilst also able to work together to create a simple, yet sophisticated solution.
    SIAE MICROELETTRONICA was founded in 1952. Now we are internationally renowned as a leading provider of the most innovative and best performing microwave radio and wireless network solutions. Our equipment enables millions of people in over 90 countries to communicate around the world every day. As an intrinsic element of modern network infrastructure, our customers demand the highest quality, value for money and innovative telecommunications products.
    Cambium Networks offers a comprehensive portfolio of fixed reliable, scalable & high-speed wireless backhaul and access solutions.
    Ceragon Networks is a worldwide provider of high-capacity LTE-ready wireless backhaul solutions. The company has a broad portfolio of innovative, field-proven technology solutions for wireless service providers as well as private businesses. The Ceragon solutions are designed to deliver voice and premium data services, eliminate the backhaul capacity network as well as significantly reducing the costs and transition to next-generation IP-based networks.

    ReplyDelete
  8. DragonWave is a leading provider of high-capacity packet microwave solutions that drive next-generation IP networks. DragonWave's carrier-grade point-to-point packet microwave systems transmit broadband voice, video and data, enabling service providers, government agencies, enterprises and other organizations to meet their increasing bandwidth requirements rapidly and affordably. The principal application of DragonWave's portfolio is wireless network backhaul, including a range of products ideally suited to support the emergence of underlying small cell networks. Additional solutions include leased line replacement, last mile fiber extension and enterprise networks. DragonWave's award winning products are known in the industry for their leading capacity, reliability, and spectral efficiency.
    3Roam provides high-capacity microwave transmission equipments for wireless and packet networks convergence. 3Roam solutions aim at bridging the gap between traditional microwave transmission technologies and advanced networking techniques.
    Micran is a modern innovative enterprise with a strong team of specialists, combining experience in the different spheres of microwave electronics, communications, radio location, test and measurement equipment and information security. This unique, talented, multi-disciplinary team is viewed very positively by our current customers and partners. They are always ready to bring their wide expertise to accept new challenges.
    Nitrowave WNMS is a Enterprise and Carrier-Grade Wireless Network Management System. A single software solution simplifies a large number of management and monitoring tasks for network administrators. Nitrowave ’s comprehensive network management system supports several thousands of nodes. Multiple networks may be maintained and monitored using one server. A rich feature set helps to diagnose network problems effectively, visualize networks on a map, perform scheduled firmware upgrades automatically, track states of devices, get failure alerts, and collect statistics. The Web-based system environment supports multi-user accounts. Several administrators may manage different networks on the same server, without having access to each other’s equipment.

    ReplyDelete
  9. RACOM is a primary producer, i.e. we do our own research & development of both Hardware and Software for all our product lines: Radio modem, GPRS/EDGE/UMTS router and Microwave link. Whenever the need arises, one can always find the responsible person for the respective part of a product at RACOM.
    Services:


    Pre-sales Support

    With our help you can trust that you are getting the right product to fulfil your customers requirement. We can help guide and support you with all pre-sales questions and design needs.
    Planning and Design
    Correctly planning and designing you wireless network is imperative to ensure you get the speed, services and value for money. Using our premium services we can assist you with planning and designing your wireless network.
    Installation and Aftercare

    ReplyDelete