Leaflet.js ir vienkāršākā kartes bibliotēka, kuru jūs kādreiz atradīsiet
Google Maps noteikti ir populārākais embeddable kartes widget web dizaineriem. Bet ko par pielāgoto funkciju pievienošana piemēram, rīku padomi un tapu marķieri?
Tāda ir laba bibliotēka Leaflet.js palīdz ton.
Tas ir pilnīgi bez maksas atvērtā koda projekts sākotnēji izveidoja viens no Mapbox kunga nosaukumiem Vladimir Agafonkin. Kopš tā laika Leaflet ir iekļauts desmitiem ziedotāju apkārt pasaulei.
Tas ir bieži atjaunināts ar kļūdu labojumiem un jaunām funkcijām kas uzlabo vispārējo īstenošanu jebkurā tīmekļa vietnē. Tā ir mana mīļākā kartēšanas bibliotēka, pateicoties tās milzīgajam spēkam un dizaina estētikai.
Tam ir tik daudz iespēju, ka es nevaru tos uzskaitīt, bet šeit ir interesantākie:
- Mobilās aparatūras paātrinājums
- Iezīmējiet marķierus, veidojiet pārklājumus un rīkus
- Pielāgota tālummaiņa un panorāmas animācija
- Nav JS atkarību
- Atbalsts visām galvenajām pārlūkprogrammām, ieskaitot IE7+
Īstenošana ir nedaudz sarežģīta, jo jums ir nepieciešams ievadiet koordinātas un noteikt, cik lielā kartē jābūt.
Lietotāji vienmēr var attālināt un apvērst apkārt, tāpēc skatījums vienmēr var mainīties. Bet tas arī ir balstīts uz kā definējat karti lapā.
Ir milzīgs dokumentācijas lapa pilnīga informācija par katru Brošūras aspektu. Diemžēl, tas ir tik blīvs, ka es nevaru ieteikt tikai niršanu tajā, jo jūs, iespējams, pazust. Tā vietā pārbaudiet Lapas pamācība kas ietver arī a Ātrā pamācība jaundzimušajiem.
Jūs uzzināsiet, kā to izdarīt ievietot kartes, mainiet izmēru / pozīciju, un kā augšpusē pievienojiet pielāgotus grafikus, piemēram, apļi vai tapu marķieri.
Šo vienu rokasgrāmatu var iemācīt jums visu, kas jums nepieciešams izmantot brošūru blogā, uzņēmuma tīmekļa vietnē vai kādā no gaidāmajiem projektiem.
Ir daudz iemeslu, lai izmantotu Google Maps: tas ir spēcīgs, uzticams un bezmaksas. Bet buklets nāk ar tik daudz citu funkciju no kastes un jums tikai nepieciešams pievienojiet CSS / JS failus savai tīmekļa lapai lai sāktu darbu. Jūs pat varat atrast kopijas, kas izvietotas tiešsaistē ja vēlaties doties uz CDN maršrutu.
Neļaujiet dokumentācijai nobiedēt. Ir daudz, ko varat mācīties, bet ne visas funkcijas ir nepieciešamas pamatlapas iestatīšanai.
Un tas nenozīmē daudz izveidojiet pārsteidzošu karti no nulles. Uzmodieties uz šo Codepen demo izmantojot Leaflet.js un Google Maps API.
