Se inicio el curso sobre creación y desarrollo de mapas hace 5 horas. En la primera parte se mostró un mapa simple.
Esta primera parte tuvo muchísima aceptación con unas 260 visitas en 5 horas de 10 países distintos. 🙂
Hagamos un repaso y algunas aclaratorias.
- Realizar un sitio web que contenga un mapa simple, se necesitaría JavaScript, HTML y CSS.
- Se necesita una librería del lado del cliente (navegador web: Mozilla Firefox, Google Chrome, Internet Explorer, etc) para mostrar el mapa. Las dos más populares son Leaftlet y OL (OpenLayers).
- Para que el mapa se muestre se necesita que tenga estilos. Como mínimo el ancho y el alto.
- En la etiqueta body se debe de llamar al evento donde se instancia un objeto mapa.
- Leaflet si es compatible con HTML 5. Se agrega la etiqueta <!DOCTYPE html> arriba de <html> en el index.html y también se agrega estilos en el archivo css/estilos.css:
body, html {
height: 100%;
width: 100%;
}
Como se dieron cuenta, con pocas lineas se puede realizar un mapa simple.