I. Introduction
Electronic maps have already been deployed in o2o, lifestyle services, travel, and other fields. Traditional GIS also breeds Internet genes. Traditional GIS vendors include ESRI (ARC series), four-dimensional, autonavi, Supermap, and. Baidu and autonavi are outstanding in the Web Internet field. However, the open source code is far from enough. Compared with the open source code in other countries, the open source code is more and more abundant. Recently, I carefully studied the source code of openlayers2/3 and leaflet, and gained a lot, it not only enhances the browser compatibility, HTML5, css3, and other foundations, but also enhances the GIS basics. I am also working on js api development in an Internet company, so I need to constantly learn the nutrition of open source code.
Leaflet: an open-source JavaScript library for mobile-friendly interactive maps. Leaflef has good compatibility, new HTML5 features, and lightweight, attracting me. Baidu Baike: leaflet is a modern and open-source JavaScript library developed to build a mobile device-friendly interactive map. It was developed by a team of professional contributors led by Vladimir agafonkin. Although the code is only 33 KB, it has most of the features that developers can develop online maps. Leaflet is a modern and open-source JavaScript library developed to build mobile device-friendly interactive maps. It was developed by a team of professional contributors led by Vladimir agafonkin. Although the code is only 33 KB, it has most of the features that developers can develop online maps. The leaflet Design adheres to the idea of simplicity, high performance, and good availability. It can operate efficiently on all major desktop and mobile platforms. It will take advantage of HTML5 and css3 in modern browsers, it also supports access from the old browser. Supports extension of plug-ins. It has a friendly and easy-to-use API documentation and a simple and readable source code. Using and reading leaflet is a pleasure.
Leaflet document: http://leafletjs.com/index.html
GitHub: https://github.com/Leaflet/Leaflet
Ii. Initial Experience
How elegant the next map is!
3. source code of the above map
Modified the leaflet demo and built the above map with the most informative code. This is the charm of leaflet.
1 <! Doctype HTML> 2 <HTML> 3
Iv. Next
(1) next article: leaflet's overall code framework, estimated production time: during the National Day
(2) 12 general ideas of this series of blogs (Leaflet source code notes), in-depth analysis of leaflet source code and how to use it.
Leaflet open source Library Source Code Reading Notes (1) -- Introduction & demo initial experience (by vczero)