יצירת מפת חום בצד לקוח

פונקציה זו מאפשרת למשתמש להוסיף מפת חום על גבי המפה. הפונקציה מקבלת כפרמטר אובייקט המכיל את הנקודות ליצירת המפה והגדרות נוספות אופציונאליות.

govmap.setHeatLayer(params)

הפונקציה מקבלת כפרמטר אובייקט המכיל את ה-properties הבאים:

שם	סוג	תיאור
points	[]object	מערך של אובייקטים המייצגים נקודה
options	[]string	אובייקט של הגדרות למפת חום. האובייקט חייב להכיל לפחות את הפרמטר valueField ואת ערכו –אחד מה attributes key

אובייקט ה points:

שם	סוג	תיאור
point	object	אובייקט המייצג נקודה עם הproperties: number - x number - y
attributes	object	אובייקט עם ה properties: number - val1 number - val2

הגדרות נוספות שאפשר לשלוח באובייקט ה options

שם	סוג	תיאור
gradient	[]string	אובייקט המייצג את הגְרָדִיאֵנְט עם RGBA
radius	number	הגדרת הרדיוס של כל נקודה (במידה ולא הוגדר בנקודה עצמה)
opacity	number	מייצג את האטימות של כל מפת החום, מקבל ערכים בין 0-1, כאשר ברירת מחדל 0.6. ערך זה דורס את הערכים ב minOpacity/maxOpacity במידה והוגדרו.
blur	number	גורם הטשטוש שייושם על על ה datapoints. ככל שהערך גבוה יותר ה gradients יהיו ברורים יותר. מקבל ערכים בין 0-1. ערך ברירת מחדל 0.85
xField	string	שם ה property בקואורדינטת ה x של הנקודה. ערך ברירת מחדל ‘x’
yField	string	שם ה property בקואורדינטת ה y של הנקודה. ערך ברירת מחדל ‘y’
valueField	string	השדה לפיו תחושב המשקולת של היישות (val1, val2)

קוד לדוגמה:

<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
    <script src="https://www.govmap.gov.il/govmap/api/govmap.api.js" defer onload="initGovMap()"></script>
    <script type="text/javascript">
        function initGovMap() {
            govmap.createMap('map', {
                token: 'YOUR_API_TOKEN',
                layers: ["GASSTATIONS","PARCEL_HOKS", "KSHTANN_ASSETS", "bus_stops", "PARCEL_ALL"],
                showXY: true,
                identifyOnClick: true,
                isEmbeddedToggle: false,
                background: 3,
                layersMode: 1,
                zoomButtons:false
            });
        }
        function showExample() {
            var params ={
                 points: [
                 { point: { x: 100000, y: 200000 }, attributes: { val1: 50, val2: 800 } },
                 { point: { x: 200000, y: 400000 }, attributes: { val1: 100, val2: 700 } },
                 { point: { x: 200100, y: 400000 }, attributes: { val1: 200, val2: 600 } },
                 { point: { x: 200200, y: 400000 }, attributes: { val1: 300, val2: 500 } },
                 { point: { x: 200300, y: 400000 }, attributes: { val1: 400, val2: 400 } },
                 { point: { x: 200400, y: 400000 }, attributes: { val1: 500, val2: 300 } },
                 { point: { x: 200500, y: 400000 }, attributes: { val1: 600, val2: 200 } },
                 { point: { x: 200600, y: 400000 }, attributes: { val1: 700, val2: 100 } },
                 { point: { x: 300000, y: 400000 }, attributes: { val1: 800, val2: 50 } }
                 ],
                 options: { valueField: 'val1' }
            };
            govmap.setHeatLayer(params);
        }
   </script>
 </head>
 <body>
    <div id="map" style="width:600px;height:600px;"></div>
    <button onClick="showExample()">Show Example</button>
 </body>
</html>

הפונקציה מקבלת כפרמטר אובייקט המכיל את ה-properties הבאים:​

קוד לדוגמה:​

הפונקציה מקבלת כפרמטר אובייקט המכיל את ה-properties הבאים:

קוד לדוגמה: