<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" 
      xmlns:thr="http://purl.org/syndication/thread/1.0">
  <link rel="alternate" type="text/html" href="http://www.insideria.com/2008/02/flash-and-ajax-mapping-toolkit.html" />
  <link rel="self" type="application/atom+xml" href="http://www.insideria.com/atom.xml" />
  <id>tag:www.insideria.com,2009://34/tag:www.insideria.com,2008://34.22855-</id>
  <updated>2009-11-16T15:55:19Z</updated>
  <title>Comments for Flash and Ajax Mapping Toolkits (http://www.insideria.com/2008/02/flash-and-ajax-mapping-toolkit.html)</title>
  <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.21-en</generator>
  <entry>
    <id>tag:www.insideria.com,2008://34.22855</id>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2008/02/flash-and-ajax-mapping-toolkit.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blogs.oreilly.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=34/entry_id=22855" title="Flash and Ajax Mapping Toolkits" />
    <published>2008-02-07T22:52:44Z</published>
    <updated>2008-02-08T00:07:59Z</updated>
    <title>Flash and Ajax Mapping Toolkits</title>
    <summary>

After seeing the Oakland Crime Spotting project demo at Web Direction North last week I wanted to learn about about the various mapping tools and projects going on in the RIA space.  I found some pretty handy toolkits for Flash and Ajax alike.</summary>
    <author>
      <name>Andre Charland</name>
      <uri>http://www.nitobi.com</uri>
    </author>
    
    <category term="Blogs" />
    
    <content type="html" xml:lang="en" xml:base="http://www.insideria.com/">
      <![CDATA[<p>Last week at <a href="http://north08.webdirections.org">Web Directions North 08</a> I caught <a href="http://stamen.com/studio/eric">Eric Rodenbeck</a> of Stamen Design's presentation on <a href="http://north08.webdirections.org/schedule/#rodenbeck">Information Visualization as a Medium</a>, it was a great presentation.  One of the projects he talked about the <a href="http://oakland.crimespotting.org/">Oakland Crime Spotting</a> which plots crime locations and times on a map.  </p>

<p><span class="mt-enclosure mt-enclosure-image"><a href="http://www.insideria.com/2008/02/07/Oaklandcrimespotting.html" onclick="window.open('http://www.insideria.com/2008/02/07/Oaklandcrimespotting.html','popup','width=1251,height=515,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.insideria.com/2008/02/07/Oaklandcrimespotting-thumb-400x164.png" width="400" height="164" alt="Oaklandcrimespotting.png" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></span></p>

<p>People in the audience were curious what tools they used for their various visualization projects.  Largely the display is done in Flash, but what's under the hood?  For this particular mapping application was built with <a href="http://modestmaps.com/">Modest Maps</a><br />
<blockquote>Modest Maps is a BSD-licensed display and interaction library for tile-based maps in Flash (ActionScript 2.0 and ActionScript 3.0) and Python.<br><br></p>

<p>Our intent is to provide a minimal, extensible, customizable, and free display library for discriminating designers and developers who want to use interactive maps in their own projects. Modest Maps provides a core set of features in a tight, clean package, with plenty of hooks for additional functionality. </blockquote></p>

<p>Some of the reasons you might want to use this library is it can pull map tiles from multiple services such as Google Maps, Microsoft, OpenStreetMap and others, AS2 works on FlashLite (for mobile) yet it's still fairly light weight.  Stamen helps work on Modest Maps. </p>

<p>If you look carefully at this map you'll notice that the UI is in Flash but it's pulling mapping tiles from Microsoft Virtual Earth, ha;-)</p>

<p>I then decided to look into Ajax alternatives, since Google Maps is the poster child of Ajax apps. I found a couple interesting projects which I've listed below.</p>

<p><big>OpenLayers</big></p>

<p><span class="mt-enclosure mt-enclosure-image"><a href="http://www.insideria.com/2008/02/07/open%20Layers%20Drag%20Feature%20Example.png"><img alt="open Layers Drag Feature Example.png" src="http://www.insideria.com/2008/02/07/open Layers Drag Feature Example-thumb-400x555.png" width="400" height="555" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;"/></a></span><br />
<a href="http://openlayers.org/dev/examples/drag-feature.html">Click here</a> to view the live demo.<br />
<br><br><br />
<a href="http://openlayers.org/">OpenLayers</a> is a similar library for JavaScript developers built with Prototype and Rico provides you with tools you need to create a Google Maps like interface, but it's completely free and open source:<br></p>

<blockquote>OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles and markers loaded from any source. MetaCarta developed the initial version of OpenLayers and gave it to the public to further the use of geographic information of all kinds. OpenLayers is completely free, Open Source JavaScript, released under the BSD License.</blockquote>

<p><big>Mapstraction</big></p>

<p><span class="mt-enclosure mt-enclosure-image"><a href="http://www.insideria.com/2008/02/07/Mapstraction%2C%20Single%20Page%20with%20Several%20Maps.png"><img alt="Mapstraction, Single Page with Several Maps.png" src="http://www.insideria.com/2008/02/07/Mapstraction, Single Page with Several Maps-thumb-400x481.png" width="400" height="481" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;"/></a></span><br />
<a href="http://mapstraction.com/ljn.php">Click here for the live demo. </a><br />
<br><br><br />
<a href="http://mapstraction.com/">Mapstraction</a> focuses on isolating your map application from the mapping provide.  They provide support for 9 major mapping providers as well as drawing support with point, line and polygons, GeoRSS and KML feed import just to name a few features.  From the site:</p>

<blockquote>
Mapstraction is a library that provides a common API for various javascript mapping APIs to enable switching from one to another as smoothly as possible. Developers can code their applications once, and then easily switch mapping provider based on project needs, terms and conditions, and new functionality.</blockquote>

<p>I like the way Mapstraction maintains the original providers UI, but feeds it your data, companies like Google , Yahoo and Microsoft all do a really good job with UI and I'm not sure it's worth trying to recreate it yourself unless your use case is really unique.  </p>

<p>If you know of any others please let me know:)</p>]]>
      
    </content>
  </entry>

  <entry>
    <id>tag:www.insideria.com,2008://34.22855-comment:2014962</id>
    <thr:in-reply-to ref="tag:www.insideria.com,2008://34.22855" type="text/html" href="http://www.insideria.com/2008/02/flash-and-ajax-mapping-toolkit.html"/>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2008/02/flash-and-ajax-mapping-toolkit.html#comment-2014962" />
    <title>Comment from Anonymous on 2008-02-08</title>
    <author>
        <name>Anonymous</name>
        <uri></uri>
    </author>
    <content type="html" xml:lang="en" xml:base="">
        <![CDATA[<p>want another example of RIA flash maps : www.geoclip.net</p>]]>
    </content>
    <published>2008-02-08T13:39:02Z</published>
  </entry>

  <entry>
    <id>tag:www.insideria.com,2008://34.22855-comment:2066007</id>
    <thr:in-reply-to ref="tag:www.insideria.com,2008://34.22855" type="text/html" href="http://www.insideria.com/2008/02/flash-and-ajax-mapping-toolkit.html"/>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2008/02/flash-and-ajax-mapping-toolkit.html#comment-2066007" />
    <title>Comment from Mauricio Munera on 2009-06-11</title>
    <author>
        <name>Mauricio Munera</name>
        <uri>http://mauriciomunera.com</uri>
    </author>
    <content type="html" xml:lang="en" xml:base="http://mauriciomunera.com">
        <![CDATA[<p>Geoclips seem amazing, just that  3000 + 12500 euros without including taxes justifies why it is that robust and amazing.</p>

<p>Greetings.</p>]]>
    </content>
    <published>2009-06-11T08:58:41Z</published>
  </entry>

</feed
