Good way to abstract 3rd party javascript API?

Question

Trying to decide a better way of abstracting a 3rd party javascript API, specifically Google Maps API objects.

My first attempt was something like this:

nmap.Polygon = function () {
};

nmap.Polygon.prototype = new google.maps.Polygon();

This looks good until I try to act on the object with other parts of the Google Maps API. For example:

var poly = new nmap.Polygon(options);
poly.setMap(googleMapObject);

This fails silently.

Is my only other option to go with a composition pattern?
IE:

var Polygon = function(){
  this.realPolygon = new google.maps.Polygon();
}

Answer 1

If what you want is a common abstraction for mapping APIs you should check out Mapstraction. Supports Google Maps v3 as well as about 15 other providers.

http://mapstraction.com/