Привет! Расскажу об одной небольшой (~30кб) JS-библиотеке для удобной работы с API Google Maps под названием gmaps.js .
Поскольку библиотека создана для ускорения процесса веб-разработки, задерживать вас не буду.
Как следует из названия, он не более чем упрощает взаимодействие с API Карт Google .
Многие из вас работали с API и наверняка каждый раз приходилось попотеть, чтобы покопаться в документации и реализовать, например, собственное описание метки на карте.
Или подпишитесь на событие взаимодействия с картой.
Итак, он пока не обзавелся ни одной мажорной версией, но на данный момент имеет версия 0.1.12.3 .
Распространяется по лицензии Лицензия MIT и разрабатывается целым сообществом (и вы тоже можете помочь).
Примеры функций
Создание карты
Вы также можете добавить опции масштабировать , ширина , высота .new GMaps({ div: '#map', lat: -12.043333, lng: -77.028333 });
Хотя по стандарту ширина и высота карты будут подстраиваться под контейнер.
События
map = new GMaps({
div: '#map',
zoom: 16,
lat: -12.043333,
lng: -77.028333,
click: function(e) {
alert('click');
},
dragend: function(e) {
alert('dragend');
}
});Поддерживаются все события Maps API.
Геолокация
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!");
}
});Ну, разве это не прекрасно?
Добавление маркера
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>'
}
}
});И всё, всё, всё!
Библиотека поддерживает практически весь функционал Maps API, включая вывод статических карт (картинок), наложение слоев, прокладку маршрутов, рисование полигонов, рисование собственных элементов управления, GeoRSS и все такое прочее.Пожалуйста, посетите сайт библиотеки: http://hpneo.github.com/gmaps/ и начать творить.
И сразу форкнем репозиторий на Github: https://github.com/HPNeo/gmaps УПД: ДетиКилла предполагает, что в принципе согласно Условиям использования Maps API никто не имеет права создавать свои собственные обертки (обертка) поверх существующего API, пока не получит официального разрешения от Google. ( https://developers.google.com/maps/terms , пункт 10.2).
На что разработчик (Густаво Леон) ответил, что сделает две вещи: 1) запросит разрешение у Google 2) билет на подключение уже открыт не только API Карт Google, но и OpenStreetMap. Это счастье! Теги: #google карты #API Карт #gmaps #gmaps.js #gameps #Разработка веб-сайтов #JavaScript #API Карт
-
На Ebay Или Не На Ebay
19 Oct, 24 -
Jquery 1.3 Бета 1
19 Oct, 24
