gmaps.js – cel mai simplu mod de a utiliza Google Maps API

Am să incerc să scriu despre o mini-biblioteca JS (~30 kb) numita   gmaps.js care face  confortabil lucrul cu Google Maps API.

Aşa cum sugerează şi numele,biblioteca data, nu face nimic altceva, decat simplifică lucrul cu Google Maps API. Multi dintre voi ati lucrat cu API, şi, probabil, de fiecare dată când a trebuit să faceti o astfel de aplicatie, a trebuit  sa cautati în documentaţie destul de mult, de exemplu, pentru descrierea proprie a etichetei de pe hartă. Sau sa adaugi un callback pentru un eveniment de interacţiune cu harta (click, hover, move, etc)

Exemple

1. Creare

new GMaps({
  div: '#map',
  lat: -12.043333,
  lng: -77.028333
});

2. Evenimente

map = new GMaps({
  div: '#map',
  zoom: 16,
  lat: -12.043333,
  lng: -77.028333,
  click: function(e) {
    alert('click');
  },
  dragend: function(e) {
    alert('dragend');
  }
});

3. Geolocatia

GMaps.geolocate({
  success: function(position) {
    map.setCenter(position.coords.latitude, position.coords.longitude);
  },
  error: function(error) {
    alert('Geolocation failed: '+error.message);
  },
  not_supported: function() {
    alert("Your browser does not support geolocation");
  },
  always: function() {
    alert("Done!");
  }
});

4. marker

map.addMarker({
  lat: -12.043333,
  lng: -77.028333,
  title: 'Lima',
  click: function(e) {
    alert('You clicked in this marker');
  },
  infoWindow: {
    content: '<p>Home, sweet home...</p>'
  }
}
});

Biblioteca are aproape toate functiile Maps API.
Puteti să intrati pe site-ul bibliotecii: http://hpneo.github.com/gmaps/.
Github: https://github.com/HPNeo/gmaps