{"id":404,"date":"2013-12-27T14:45:59","date_gmt":"2013-12-27T19:45:59","guid":{"rendered":"http:\/\/homepages.uc.edu\/~yaozo\/wordpress\/?p=404"},"modified":"2013-12-27T14:45:59","modified_gmt":"2013-12-27T19:45:59","slug":"leaflet-is-a-modern-open-source-javascript-library","status":"publish","type":"post","link":"https:\/\/zhuoyao.net\/index.php\/2013\/12\/27\/leaflet-is-a-modern-open-source-javascript-library\/","title":{"rendered":"Leaflet is a modern open-source JavaScript library"},"content":{"rendered":"

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps. It is developed by\u00a0Vladimir Agafonkin<\/a>\u00a0with a\u00a0team of dedicated\u00a0contributors<\/a>. Weighing just about\u00a033 KB of JS<\/abbr>, it has all the\u00a0features<\/a>\u00a0most developers ever need for online maps.<\/p>\n

Leaflet is designed with\u00a0simplicity<\/em>,\u00a0performance<\/em>\u00a0and\u00a0usability<\/em>\u00a0in mind. It works efficiently across all major desktop and mobile platforms out of the box, taking advantage of HTML5 and CSS3 on modern browsers while still being accessible on older ones. It can be extended with a huge amount of\u00a0plugins<\/a>, has a beautiful, easy to use and\u00a0well-documented API<\/a>\u00a0and a simple, readable\u00a0source code<\/a>\u00a0that is a\u00a0joy tocontribute<\/a>\u00a0to.<\/p>\n

Used by:\u00a0Flickr<\/a>\u00a0foursquare<\/a>\u00a0craigslist<\/a>\u00a0Data.gov<\/a>\u00a0IGN<\/a>\u00a0Wikimedia<\/a>\u00a0OSM<\/a>\u00a0Meetup<\/a>\u00a0WSJ<\/a>\u00a0MapBox<\/a>\u00a0CloudMade<\/a>\u00a0CartoDB<\/a>\u00a0GIS Cloud<\/a>\u00a0\u2026<\/p>\n

\n
\n
\n
\n
<\/div>\n
\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"<\/div>\n<\/div>\n<\/div>\n
\n
\"\"<\/div>\n
<\/div>\n
\"\"<\/div>\n
\n
\u00d7<\/a><\/p>\n
\n
A pretty CSS3 popup.
\nEasily customizable.<\/div>\n<\/div>\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
+<\/a>–<\/a><\/div>\n<\/div>\n
<\/div>\n
<\/div>\n
\n
Leaflet<\/a>\u00a0| \u00a9\u00a0OpenStreetMap<\/a>\u00a0contributors<\/div>\n<\/div>\n<\/div>\n<\/div>\n

In this basic example, we create a map with\u00a0tiles of our choice<\/abbr>, add a marker and bind a popup with some text to it:<\/p>\n

\/\/ create a map in the \"map\" div, set the view to a given place and zoom\nvar map = L.map('map').setView([51.505, -0.09], 13);\n\n\/\/ add an OpenStreetMap tile layer\nL.tileLayer('http:\/\/{s}.tile.osm.org\/{z}\/{x}\/{y}.png', {\n    attribution: '&copy; <a href=\"http:\/\/osm.org\/copyright\">OpenStreetMap<\/a> contributors'\n}).addTo(map);\n\n\/\/ add a marker in the given location, attach some popup content to it and open the popup\nL.marker([51.5, -0.09]).addTo(map)\n    .bindPopup('A pretty CSS3 popup. <br> Easily customizable.')\n    .openPopup();\n<\/code><\/pre>\n
Learn more with the\u00a0quick start guide<\/a>, check out\u00a0other tutorials<\/a>, or head straight to the\u00a0API documentation<\/a>.
\nIf you have any questions, take a look at the\u00a0FAQ<\/a>\u00a0first.<\/p>\n
Getting Involved<\/h2>\n
Third-party patches are absolutely essential on our quest to create the best mapping library that will ever exist. However, they\u2019re not the only way to get involved with the development of Leaflet. You can help the project tremendously by discovering and\u00a0reporting bugs<\/a>,improving documentation<\/a>, helping others on the\u00a0Leaflet forum<\/a>\u00a0and\u00a0GitHub issues<\/a>, showing your support for your favorite feature suggestions on\u00a0Leaflet UserVoice page<\/a>, tweeting to\u00a0@LeafletJS<\/a>\u00a0and spreading the word about Leaflet among your colleagues and friends.<\/p>\n
Check out the\u00a0contribution guide<\/a>\u00a0for more information on getting involved with Leaflet development.<\/p>\n
 <\/p>\n
<\/div>\n","protected":false},"excerpt":{"rendered":"
Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps. It is developed by\u00a0Vladimir Agafonkin\u00a0with a\u00a0team of dedicated\u00a0contributors. Weighing just about\u00a033 KB of JS,… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-404","post","type-post","status-publish","format-standard","hentry","category-web-design"],"_links":{"self":[{"href":"https:\/\/zhuoyao.net\/index.php\/wp-json\/wp\/v2\/posts\/404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zhuoyao.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zhuoyao.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zhuoyao.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zhuoyao.net\/index.php\/wp-json\/wp\/v2\/comments?post=404"}],"version-history":[{"count":0,"href":"https:\/\/zhuoyao.net\/index.php\/wp-json\/wp\/v2\/posts\/404\/revisions"}],"wp:attachment":[{"href":"https:\/\/zhuoyao.net\/index.php\/wp-json\/wp\/v2\/media?parent=404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zhuoyao.net\/index.php\/wp-json\/wp\/v2\/categories?post=404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zhuoyao.net\/index.php\/wp-json\/wp\/v2\/tags?post=404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}