leaflet之唯一值渲染專題圖

leaflet之唯一值渲染專題圖

點擊查看www.giserdqy.comleaflet之唯一值渲染專題圖

1. 初始化地圖，添加底圖
2. 自定義顯示信息的L.control,也可以設置popup彈出框
3. 初始化圖層，設置style，onEachFeature要素綁定
4. 創建圖例var legend = L.control

 

渲染關鍵方法

 

• 根據屬性范圍設置渲染顏色
• 圖層樣式
• 根據要素屬性設置特殊渲染樣式
• 重置要素樣式
• 縮放到要素范圍 map.fitBounds(e.target.getBounds());
• 每個要素綁定事件 function onEachFeature(feature, layer) { 
  layer.on({ 
  mouseover: highlightFeature,//鼠標移動上去高亮 
  mouseout: resetHighlight,//鼠標移出還原 
  click: zoomToFeature//單擊要素縮放到要素范圍 
  }); 
  }