nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Leaflet.js is de eenvoudigste kaartenbibliotheek die je ooit zult vinden

Google Maps is zeker de populairste integreerbare kaartwidget voor webontwerpers. Maar hoe zit het met het toevoegen van aangepaste functies zoals tooltips en pin-markers?

Dit is waar een geweldige bibliotheek zoals Leaflet.js een ton helpt.

Dit is een volledig gratis open-sourceproject dat oorspronkelijk is gemaakt door een van de jongens van Mapbox genaamd Vladimir Agafonkin. Sindsdien is Leaflet gegroeid tot tientallen bijdragers over de hele wereld.

Het wordt regelmatig bijgewerkt met bugfixes en nieuwe functies die de algehele implementatie op elke website verbeteren. Dit is verreweg mijn favoriete kaartenbibliotheek vanwege zijn pure kracht en ontwerpesthetiek.

Het heeft zoveel functies dat ik ze niet allemaal kan opsommen, maar hier zijn de interessantste :

  • Mobiele hardwareversnelling
  • Pinmarkeringen, vormoverlays en tooltips
  • Aangepaste zoom- en zwenkanimatie
  • Geen JS-afhankelijkheden
  • Ondersteuning voor alle belangrijke browsers inclusief IE7 +

Implementatie is een beetje lastig omdat je coördinaten moet invoeren en moet bepalen hoe groot de kaart moet zijn .

Gebruikers kunnen altijd uitzoomen en pannen, zodat het beeld altijd kan veranderen. Maar het is ook gebaseerd op hoe u de kaart op de pagina definieert .

Er is een enorme documentatiepagina vol met informatie voor elk aspect van Leaflet. Helaas is het zo dicht dat ik het niet kan aanbevelen om er gewoon in te duiken omdat je waarschijnlijk verdwaalt. Ga in plaats daarvan naar de pagina Leaflet-tutorials, die ook een snelstartgids voor beginners bevat.

U leert hoe u kaarten insluit, de grootte / positie wijzigt en hoe u aangepaste afbeeldingen bovenaan toevoegt, zoals cirkels of pinmarkeringen.

Deze intro-gids kan je alles leren wat je nodig hebt om Leaflet te gebruiken op een blog, een bedrijfswebsite of een aanstaand project.

Er zijn tal van goede redenen om Google Maps te gebruiken: het is krachtig, vertrouwd en gratis. Maar Leaflet wordt geleverd met zoveel meer functies uit de doos en u hoeft alleen de CSS / JS-bestanden aan uw webpagina toe te voegen om aan de slag te gaan. U kunt zelfs kopieën vinden die online worden gehost als u de CDN-route wilt gaan gebruiken.

Laat de documentatie je niet afschrikken. Er is veel dat u kunt leren, maar niet alle functies zijn nodig voor een eenvoudige Leaflet-setup.

En het kost niet veel om een ​​geweldige kaart helemaal opnieuw te maken . Neem een ​​kijkje in deze Codepen-demo gemaakt met Leaflet.js en Google Maps API .

Hoe massa te ontvolgen iedereen op Twitter met een enkele klik

Hoe massa te ontvolgen iedereen op Twitter met een enkele klik

De oplossing voor een opgeblazen Twitter-volglijst houdt meestal in dat de Twitter-gebruiker de hele lijst doorloopt en de individuen één voor één volgt. Als dat te veel werk lijkt, is er een extensie voor Chrome genaamd Twitter Unfollow die een knop "Mass Unfollow" aan de Twitter-pagina toevoegt .De

(Technische en ontwerptips)

Hoe u uw schrijfkwaliteit kunt verbeteren met gegevensverhalen

Hoe u uw schrijfkwaliteit kunt verbeteren met gegevensverhalen

Sinds de vroegste dagen van de mensheid hebben mensen elkaar verhalen verteld in verschillende vormen. Storytelling heeft serieuze tradities in elke cultuur. Mythen, legendes, verhalen, gedichten, volksliederen tonen allemaal het streven dat mensen altijd met elkaar moesten verbinden, met mensen uit andere culturen en met de volgende generaties

(Technische en ontwerptips)