Sử dụng Google Tiles với Leaflet - Chống lag lớp google khi đưa vào bản đồ.

Khi sử dụng Leaflet Google JS để sử dụng lớp bản đồ nền của google, chúng ta hay gặp một số vấn đề như sau:
1. Lớp nền google thường xuyên over lên các lớp khác, mặc dù được đặt index thấp hơn.
2. Lớp nền google có độ trễ với các layer khác như: wms, vector layers,... khi drag bản đồ hoặc zoom gây khó chịu tương tác.

Các khắc phục, truy vấn trực tiếp đường dẫn tiles của google, cài đặt bản đồ nền google như một tileLayer.

Thực hiện.

var layer = 'h'; //***
var googlelayer = L.tileLayer('http://{s}.google.com/vt/lyrs=' + layer + '&x={x}&y={y}&z={z}', {
        maxZoom: 24,
        subdomains: ['mt0', 'mt1', 'mt2', 'mt3']
});

với layer có thể gồm:

• h = roads only
• m = standard roadmap
• p = terrain
• r = somehow altered roadmap
• s = satellite only
• t = terrain only
• y = hybrid

Hưởng thụ kết quả nhé :). Chúc các bạn thành công.