Archive for the 'Mapping' Category

Friday fun: Let’s translate YUI3 to jQuery

I just came across this wonderful Gist on gitHub:
PLAIN TEXT
JAVASCRIPT:

 

var $;

YUI().use(’*', function(Y){

  $ = Y.get;

  for(var p in Y) {

      $[p] = Y[p];

  }

});

 

// test

$(’body’).append(”boo!”);

 

In case you want to use YUI3 but really really like jQuery syntax :) OK, it breaks the whole sandboxing idea of YUI3, but that’s a small price to [...]

Addmap.js – automatically analyse a text for geo locations and add a map

As part of an upcoming article on geo location I am putting together a few Geo Toys for myself and here is the first one. Addmap.js is a JavaScript that analyses an elements text content, finds geographical locations and links them to Google Maps. It also adds a map preview and a list of the [...]

Cartagen: Rich mapping on the client side

Ben Weissmann is one of the researchers at the MIT Media Lab’s Design Ecology group who’s working on Cartagen, a vector-based, client-side framework for rendering maps in native HTML 5. It’s impressive. Here he explains more:

Using JavaScript and HTML5’s canvas element, Cartagen takes data (including OpenStreetMap data) and renders it in the browser. This provides [...]

Custom info windows with jQuery and Google Maps

Ben Nolan has a writeup on a new feature in his Weheartplaces application that tweaks the info popup that comes with Google Maps by using a custom overlay. He walks us through an example that ends up with an Infowin class like this:
PLAIN TEXT
JAVASCRIPT:

 

// Infowin class for displaying a miniature info window. Does not

// respond [...]

Seadragon: zoom deeply in the world of Ajax

Bertrand Le Roy pointed me to Seadragon Ajax, a JavaScript client that gives you deep zoom (think: Google Maps) ability in short order.
To build the thing itself you use Deep Zoom Composer and then you choose whether you want the Silverlight version or this Ajax one.
The embed viewer is easy to use too.
Seadragon.embed(”400px”, “300px”, “http://seadragon.com/content/images/bike.dzi”, [...]

Google Maps Utilities for Creating Markers and Loading KML

I know, I know, this is a bit niche but, given the ubiquity of embedded Google Maps (and having done my fair share of Google Maps hacking), I found two utilities from CloudSync interesting.

The first is a web-based interface for playing around with putting custom markers on a map (i.e., the GIcon and GMarker APIs). [...]

Chess Diagram Builder and Maps Library via GWT

Alexander (aka Sasha) Maryanovsky has been hacking away with GWT, and has some come up with a couple of interesting project.
The first, is a fun chess diagram builder that lets you build out a chess diagram and export it out:

Also, he has created Sasha Maps, an API that abstracts mapping implementations allowing you to plugin [...]

Google Maps JavaScript API on the iPhone

When you link to Google Maps on the iPhone, it opens up the naive application to give you the full iPhone experience. Alastair James wanted to use the Google Maps JavaScript API on the iPhone, and wrote up his thoughts:

Before the newest version of mobile Safari, this would not have been possible. Fundamentally you cant [...]