【TI_cw3:传单，GeoJSON】项目是一个基于JavaScript技术实现的地理信息系统应用，主要涉及了如何在Web上展示地理位置信息。GeoJSON是一种开放的格式，用于存储地理数据，如点、线和多边形，常用于地图应用。在JavaScript环境中，我们可以利用这个格式与前端库（如Leaflet或Mapbox）结合，创建交互式的地图。GeoJSON的基本结构包括几何对象（Geometry）、特征（Feature）和特征集合（FeatureCollection）。几何对象描述了地理空间的形状，如Point（点）、LineString（线串）、Polygon（多边形）等。特征则包含了特定的几何对象，并可以附加属性数据，比如地点的名称、地址等。特征集合则是一组特征的组合，通常用作地图的数据源。

在'TI_cw3'项目中，我们可能看到以下几个关键知识点：

  1. JavaScript基础：项目的核心是JavaScript代码，用来解析GeoJSON数据并将其呈现在网页上。这需要对变量、函数、条件语句、循环等基本语法有深入理解。

  2. GeoJSON解析：使用JavaScript处理GeoJSON数据，可能涉及到JSON.parse()方法将JSON字符串转换为JavaScript对象，然后遍历数据，提取出坐标和属性信息。

  3. 前端地图库：比如Leaflet.js，这是一个轻量级的JavaScript库，用于创建交互式地图。你需要知道如何初始化地图，设置中心点，以及添加图层和标记。

  4. 初始化地图：通过L.map('mapid')创建地图实例，其中'mapid'是HTML中地图容器的ID。

  5. 设置视图：使用setView()方法设定地图的中心点和缩放级别，例如L.map('mapid').setView([lat, lon], zoom)。

  6. 添加图层：使用L.geoJSON()函数加载GeoJSON数据，将其转化为地图上的图层。

  7. GeoJSON与地图交互：当用户点击地图上的某个GeoJSON对象时，可能需要弹出信息框显示详细信息，或者高亮选中的特征。这需要监听地图的点击事件，并根据点击位置查找相应的GeoJSON特征。

  8. 样式定制：通过JavaScript可以动态改变地图元素的样式，例如改变标记的颜色、大小，或者线和面的填充色等。

  9. 异步加载数据：GeoJSON数据可能存储在远程服务器上，需要使用Ajax或其他HTTP请求库（如jQuery的$.getJSON()）来异步加载数据，确保页面在数据加载完成后再渲染地图。

  10. 响应式设计：为了适应不同设备和屏幕尺寸，地图应用通常需要具备响应式布局。这可能涉及到CSS媒体查询和JavaScript的窗口大小监听事件。