Leaflet.js on lihtsaim kaardiraamatukogu, mida te kunagi leiate
Google Maps on kindlasti kõige populaarsem embeddable kaardi vidin veebidisaineritele. Aga kuidas kohandatud funktsioonide lisamine näiteks tööriista ja pin-markerid?
Siin on nii vinge raamatukogu Leaflet.js aitab tonni.
See on täiesti tasuta avatud lähtekoodiga projekt algselt loodud üks poisid Mapbox nimega Vladimir Agafonkin. Sellest ajast peale on Leafletil lisandunud kümneid panustajaid ümber maailma.
See on sageli uuendatud veaparanduste ja uute funktsioonidega mis parandavad üldist rakendamist mis tahes veebisaidil. See on minu lemmikmälestise raamatukogu, sest see on oma õhuke jõud ja disain esteetika.
Sellel on nii palju funktsioone, mida ma ei suutnud neid kõiki loetleda, kuid siin on kõige huvitavamad:
- Mobiilse riistvara kiirendus
- Kinnitage markerid, kujundage katted ja kasutage nõuandeid
- Kohandatud suumimine ja panning-animatsioon
- JS-sõltuvusi ei ole
- Toetada kõiki peamisi brausereid, sh IE7+
Rakendamine on natuke keeruline, sest peate seda tegema sisestage koordinaadid ja määrata, kui suur peaks kaart olema.
Kasutajad saavad alati suumi välja ja ümber, nii võib vaade alati muutuda. Kuid see põhineb ka kuidas kaarti määratleda lehel.
On suur dokumentatsiooni leht Infoleht on täis Infolehe kõiki aspekte. Kahjuks on see nii tihe, et ma ei saa soovitada seda ainult sukelduda, sest ilmselt eksite. Selle asemel vaadake Brošüüri juhendid mis hõlmab ka a lühike juhend algajatele.
Õpid, kuidas seda teha kaarte, muutke suurust / asukohta, ja kuidas lisage kohandatud graafika peal, nagu ringid või pin-markerid.
See on üks sissejuhatav juhend õpetada teile kõike, mida vajate kasutada brošüüri blogis, ettevõtte veebisaidil või tulevases projektis.
Google Mapsi kasutamiseks on palju põhjusi: see on võimas, usaldusväärne ja tasuta. Kuid brošüür on kaasas nii palju funktsioone karbist välja ja sa pead ainult lisage oma veebilehele CSS / JS-failid alustada. Võite isegi leida võrgus majutatud koopiad kui soovite minna CDN-marsruuti.
Ärge laske dokumentidel hirmutada. Seal on palju, mida saate õppida kõik funktsioonid pole vajalikud põhilehekülje seadistamiseks.
Ja see ei võta palju luua nullist imeline kaart. Tutvuge selle Codepeni demoga kasutades Leaflet.js & Google Maps API-d.
