var MyIconClass = L.Icon.extend({
iconUrl: ‘…’,
shadowUrl: ‘…’,
iconSize: new L.Point(…),
shadowSize: new L.Point(…),
iconAnchor: new L.Point(…),
popupAnchor: new L.Point(…),
});
var myIcon = new MyIconClass();
var marker = new L.Marker(latlng, {icon: myIcon});
Кластеризация наверное будет частью следующей версии Web Maps API, которая будет переписана на ядре Leaflet (вместо с роутингом, геокодингом, всякими виджетами и т.д.).
Да, по задумке Leaflet будет оставаться минимальной библиотекой с самыми основными функциями, в то время как Web Maps API - полным набором функциональности для поддержки всех сервисов CloudMade и дополнительными фичами.
Пока не смотрел, но есть дежурные вопросы:
с RequireJS библиотека совместима?
Можно ли написать плаги и встроить при помощи require или другой либы с зависимостями?
Насколько легко подписаться на события, чтобы обновлять данные в странице?
Роутинга нет?
Как делать свои стили кнопок? (хочу выбор слоёв как в гугле)
Можно ли сделать оверлей невидимым в выборе слоёв, но включать и выключать его по событиям?
Не знаю, что должна из себя представлять эта совместимость, но думаю, что это не проблема. Можно разбить библиотеку на части и загружать их с помощью любого лоадера.
map.on(‘moveend’, function() { … }), например. Очень просто.
Это клиентская библиотека, а роутинг - серверная штука. Можно прикрутить любой с помощью JSONP API. Например тот же клаудмейдовский.
Можно добавлять в качестве контролов любые DOM-элементы и стилизовать как хочется.
Вроде ничего этому не мешает, если писать свой контрол для выбора слоёв. Встроенный еще не написал, но планируется.
Полностью переписана для хорошей поддержки мобильных устройств, хардварной акселерации и т.д., серьёзно переработан API, архитектура кода и много чего другого.
Для быстрого, аппаратного выполнения трансформаций и анимаций в браузере, таких как паннинг карты, плавный зум и т.д. Попробуйте сравнить то, как работает Leaflet на iPhone или iPad, с каким-нибудь OpenLayers.
Mourner, я спросил не для чего - а как можно задействовать акселерацию. Спрашиваю для собственного развития. Есть какие-то специальные расширения javascript?
Использовать CSS3 3D Transforms вместо стандартного позиционирования с помощью position: absolute + top/left, и CSS3 Transitions вместо запрограммированной по таймеру анимации. Но с этим есть много нюансов.
Mourner, а если через canvas тайлы отрисовывать? Что будет быстрее canvas или CSS3 3D Transforms+Transitions. Естественно речь о случаях, где и то и другое поддерживается?