maptalks 繪製熱力圖

  1. 安裝maptalks.heatmap插件

    	yarn add maptalks.heatmap --save
    
  2. 在頁面import相關組件

        import MaptalksCom from '@components/mapComponents/MaptalksCom'
        import { HeatLayer } from 'maptalks.heatmap'
    
  3. 準備數據,構建heatLayer,添加到map對象中

    	const addressPoints = [
        [-37.8839, 175.3745188667, "571"],
        [-37.8869090667, 175.3657417333, "486"],
        [-37.8894207167, 175.4015351167, "807"],
        [-37.8927369333, 175.4087452333, "899"]]
        const heatlayer = new maptalks.HeatLayer('heat', data, {
            'heatValueScale': 0.7,
            'forceRenderOnRotating' : true,
            'forceRenderOnMoving' : true
        }).addTo(map);
    
    
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章