इस पेज पर हीटमैप यूटिलिटी के बारे में जानकारी दी गई है. यह सुविधा, iOS के लिए Maps SDK टूल के लिए यूटिलिटी लाइब्रेरी में उपलब्ध है. हीटमैप का इस्तेमाल करके, मैप पर डेटा पॉइंट के डिस्ट्रिब्यूशन और डेंसिटी को दिखाया जा सकता है.
इस वीडियो में मार्कर के विकल्प के तौर पर हीटमैप के इस्तेमाल पर चर्चा की गई है. यह चर्चा तब की गई है, जब आपके डेटा को मैप पर बहुत ज़्यादा डेटा पॉइंट की ज़रूरत होती है.
हीटमैप से दर्शकों को मैप पर डेटा पॉइंट के डिस्ट्रिब्यूशन और उनकी इंटेंसिटी को समझने में आसानी होती है. हीटमैप में हर जगह पर मार्कर रखने के बजाय, डेटा का डिस्ट्रिब्यूशन दिखाने के लिए रंग का इस्तेमाल किया जाता है.
नीचे दिए गए उदाहरण में, लाल रंग से ऑस्ट्रेलिया के विक्टोरिया, में बहुत ज़्यादा संख्या में पुलिस स्टेशनों को दिखाया गया है.
अगर आपने अभी तक लाइब्रेरी सेट अप नहीं की है, तो इस पेज के बाकी हिस्से को पढ़ने से पहले, सेटअप गाइड में दिए गए निर्देशों का पालन करें.
आसान हीटमैप जोड़ना
अपने मैप में हीटमैप जोड़ने के लिए, आपको ऐसे डेटासेट की ज़रूरत होगी जिसमें
दिलचस्पी की हर जगह के लिए निर्देशांक हों. सबसे पहले, map
प्रॉपर्टी को GMSMapView
पर सेट करके, GMUHeatmapTileLayer
इंस्टेंस बनाएं.
ऐसा अपने ऐप्लिकेशन के viewDidLoad()
फ़ंक्शन में करें, ताकि यह पक्का किया जा सके कि हीटमैप के साथ काम करने से पहले बुनियादी मैप लोड हो गया है. इसके बाद, GMUHeatmapTileLayer
इंस्टेंस को GMUWeightedLatLng
ऑब्जेक्ट के कलेक्शन को पास करें.
यह यूटिलिटी, GMUHeatmapTileLayer
क्लास की सप्लाई करती है, जो GMUWeightedLatLng
ऑब्जेक्ट के कलेक्शन को स्वीकार करती है. यह अलग-अलग ज़ूम लेवल के लिए टाइल इमेज बनाता है. ये इमेज, दायरे, ग्रेडिएंट, और ओपैसिटी के विकल्पों पर आधारित
होती हैं.
चरणों के बारे में ज़्यादा जानकारी पाएं:
map
प्रॉपर्टी कोGMSMapView
पर सेट करके,GMUHeatmapTileLayer
इंस्टेंस बनाएं. ऐसा अपने ऐप्लिकेशन केviewDidLoad()
फ़ंक्शन में करें.GMUHeatmapTileLayer
इंस्टेंस के लिए,GMUWeightedLatLng
ऑब्जेक्ट के कलेक्शन को पास करें.- मैप व्यू पास करके
GMUHeatmapTileLayer.map
पर कॉल करें.Swift
class Heatmap: UIViewController { private var mapView: GMSMapView! private var heatmapLayer: GMUHeatmapTileLayer! override func viewDidLoad() { super.viewDidLoad() heatmapLayer = GMUHeatmapTileLayer() heatmapLayer.map = mapView } // ... func addHeatmap() { // Get the data: latitude/longitude positions of police stations. guard let path = Bundle.main.url(forResource: "police_stations", withExtension: "json") else { return } guard let data = try? Data(contentsOf: path) else { return } guard let json = try? JSONSerialization.jsonObject(with: data, options: []) else { return } guard let object = json as? [[String: Any]] else { print("Could not read the JSON.") return } var list = [GMUWeightedLatLng]() for item in object { let lat = item["lat"] as! CLLocationDegrees let lng = item["lng"] as! CLLocationDegrees let coords = GMUWeightedLatLng( coordinate: CLLocationCoordinate2DMake(lat, lng), intensity: 1.0 ) list.append(coords) } // Add the latlngs to the heatmap layer. heatmapLayer.weightedData = list } }
Objective-C
@implementation Heatmap { GMSMapView *_mapView; GMUHeatmapTileLayer *_heatmapLayer; } - (void)viewDidLoad { [super viewDidLoad]; _heatmapLayer = [[GMUHeatmapTileLayer alloc] init]; _heatmapLayer.map = _mapView; } // ... - (void) addHeatmap { // Get the data: latitude/longitude positions of police stations. NSURL *path = [NSBundle.mainBundle URLForResource:@"police_stations" withExtension:@"json"]; NSData *data = [NSData dataWithContentsOfURL:path]; NSArray *json = [NSJSONSerialization JSONObjectWithData:data options:0 error:nil]; NSMutableArray<GMUWeightedLatLng *> *list = [[NSMutableArray alloc] init]; [json enumerateObjectsUsingBlock:^(id _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) { NSDictionary *item = (NSDictionary *)obj; CLLocationDegrees lat = [(NSNumber *) [item valueForKey:@"lat"] doubleValue]; CLLocationDegrees lng = [(NSNumber *) [item valueForKey:@"lng"] doubleValue]; GMUWeightedLatLng *coords = [[GMUWeightedLatLng alloc] initWithCoordinate:CLLocationCoordinate2DMake(lat, lng) intensity:1.0]; [list addObject:coords]; }]; // Add the latlngs to the heatmap layer. _heatmapLayer.weightedData = list; } @end
इस उदाहरण में, डेटा को JSON फ़ाइल police_stations.json
में सेव किया जाता है.
यहां फ़ाइल से ली गई जानकारी दी गई है:
[
{"lat" : -37.1886, "lng" : 145.708 } ,
{"lat" : -37.8361, "lng" : 144.845 } ,
{"lat" : -38.4034, "lng" : 144.192 } ,
{"lat" : -38.7597, "lng" : 143.67 } ,
{"lat" : -36.9672, "lng" : 141.083 }
]
हीटमैप को पसंद के मुताबिक बनाना
हीटमैप में पसंद के मुताबिक कई प्रॉपर्टी होती हैं. GMUHeatmapTileLayer
इंस्टेंस बनाते समय या किसी भी समय, विकल्प के लिए नई वैल्यू सेट करके विकल्प सेट किए जा सकते हैं.
ये विकल्प उपलब्ध हैं:
दायरा: हीटमैप पर लागू किए गए गौसियन ब्लर का आकार, जिसे पिक्सल में दिखाया जाता है. डिफ़ॉल्ट संख्या 20 है. यह संख्या 10 से 50 के बीच होनी चाहिए. दायरा सेट करने के लिए,
GMUHeatmapTileLayer.radius
का इस्तेमाल करें.ग्रेडिएंट: रंगों की वह रेंज जिसका इस्तेमाल हीटमैप अपना कलर मैप बनाने के लिए करता है. इस रेंज में, सबसे कम से लेकर सबसे ज़्यादा इंटेंसिटी वाले रंग होते हैं.
GMUGradient
बनाने के लिए, रंगों वाले एक पूर्णांक अरे का इस्तेमाल किया जाता है. साथ ही, एक फ़्लोट अरे होता है, जो हर रंग के शुरुआती पॉइंट की जानकारी देता है. इसे ज़्यादा से ज़्यादा इंटेंसिटी के प्रतिशत के रूप में दिखाया जाता है. साथ ही, इसे 0 से 1 के हिस्से के तौर पर दिखाया जाता है. आपको एक-रंग वाले ग्रेडिएंट के लिए सिर्फ़ एक रंग बताना होगा या बहु-रंग वाले ग्रेडिएंट के लिए कम से कम दो रंग बताना होगा. कलर मैप, इन कलर के बीच इंटरपोलेशन का इस्तेमाल करके जनरेट किया जाता है. डिफ़ॉल्ट ग्रेडिएंट में दो रंग होते हैं.colorMapSize
पैरामीटर, ग्रेडिएंट में चरणों की संख्या तय करता है. बड़ी संख्याओं से बेहतर ग्रेडिएंट होगा, जबकि छोटी संख्याएं, कॉन्टूर ग्राफ़ की तरह ही शार्प ट्रांज़िशन देंगी. ग्रेडिएंट सेट करने के लिए,GMUHeatmapTileLayer.gradient
का इस्तेमाल करें.पारदर्शिता: यह पूरी हीटमैप लेयर की ओपैसिटी है. यह 0 से 1 तक की रेंज होती है. डिफ़ॉल्ट 0.7 है. ओपैसिटी वैल्यू सेट करने के लिए,
GMUHeatmapTileLayer.opacity
का इस्तेमाल करें.
उदाहरण के लिए, एक Gradient
बनाएं:
Swift
let gradientColors: [UIColor] = [.green, .red] let gradientStartPoints: [NSNumber] = [0.2, 1.0] heatmapLayer.gradient = GMUGradient( colors: gradientColors, startPoints: gradientStartPoints, colorMapSize: 256 )
Objective-C
NSArray<UIColor *> *gradientColors = @[UIColor.greenColor, UIColor.redColor]; NSArray<NSNumber *> *gradientStartPoints = @[@0.2, @1.0]; _heatmapLayer.gradient = [[GMUGradient alloc] initWithColors:gradientColors startPoints:gradientStartPoints colorMapSize:256];
किसी मौजूदा हीटमैप की ओपैसिटी को बदलने के लिए:
Swift
heatmapLayer.opacity = 0.7
Objective-C
_heatmapLayer.opacity = 0.7;
मौजूदा विकल्प को अपडेट करना
पहले से सेट किए गए विकल्प को अपडेट करने के लिए, यह तरीका अपनाएं:
- विकल्प को अपनी पसंद की वैल्यू पर अपडेट करें.
GMUHeatmapTileLayer.clearTileCache()
पर कॉल करें.
डेटासेट बदलना
उस डेटासेट को बदलने के लिए जिस पर हीटमैप बनाया गया है:
- अपने डेटा कलेक्शन को अपडेट करें.
GMUWeightedLatLng
की अरे पास करके,GMUHeatmapTileLayer.weightedData
का इस्तेमाल करें. GMUHeatmapTileLayer.clearTileCache()
पर कॉल करें.
हीटमैप को हटाना
हीटमैप को हटाने के लिए, GMUHeatmapTileLayer.map
पर कॉल करें और nil
पास करें.
Swift
heatmapLayer.map = nil
Objective-C
_heatmapLayer.map = nil;
डेमो ऐप्लिकेशन देखें
हीटमैप को लागू करने का एक और उदाहरण देखने के लिए, डेमो ऐप्लिकेशन में HeatmapViewController
पर एक नज़र डालें. यह ऐप्लिकेशन आपको यूटिलिटी लाइब्रेरी के साथ शिप करता है.
सेटअप गाइड में डेमो ऐप्लिकेशन
चलाने का तरीका बताया गया है.