मैप की नई स्टाइल, जल्द ही Google Maps Platform पर उपलब्ध होगी. मैप की स्टाइल में हुए इस अपडेट में, नया डिफ़ॉल्ट कलर पटल जोड़ा गया है. साथ ही, मैप के अनुभवों और उसे इस्तेमाल करने के तरीके में सुधार भी किए गए हैं. मार्च 2025 में, सभी मैप स्टाइल अपने-आप अपडेट हो जाएंगी. उपलब्धता और जल्दी ऑप्ट इन करने के तरीके के बारे में ज़्यादा जानकारी के लिए, Google Maps Platform के लिए नई मैप स्टाइल देखें.

इस पेज का अनुवाद Cloud Translation API से किया गया है.

हीटमैप

प्लैटफ़ॉर्म चुनें: Android iOS JavaScript

इस पेज पर, iOS के लिए Maps SDK टूल की यूटिलिटी लाइब्रेरी में उपलब्ध हीटमैप यूटिलिटी के बारे में बताया गया है. हीटमैप, मैप पर डेटा पॉइंट के डिस्ट्रिब्यूशन और घनत्व को दिखाने के लिए काम के होते हैं.

इस वीडियो में, मार्कर के विकल्प के तौर पर हीटमैप का इस्तेमाल करने के बारे में बताया गया है. ऐसा तब किया जाता है, जब आपके डेटा के लिए मैप पर ज़्यादा डेटा पॉइंट की ज़रूरत होती है.

हीटमैप की मदद से, दर्शक आसानी से मैप पर डेटा पॉइंट के डिस्ट्रिब्यूशन और रिलेटिव तीव्रता को समझ सकते हैं. हीटमैप में हर जगह मार्कर लगाने के बजाय, डेटा के डिस्ट्रिब्यूशन को दिखाने के लिए कलर का इस्तेमाल किया जाता है.

नीचे दिए गए उदाहरण में, लाल रंग से ऑस्ट्रेलिया के विक्टोरिया में पुलिस स्टेशनों की संख्या ज़्यादा होने वाले इलाकों को दिखाया गया है.

पुलिस स्टेशनों की जगह दिखाने वाला हीटमैप वाला मैप — मैप पर हीटमैप

अगर आपने अब तक लाइब्रेरी सेट अप नहीं की है, तो इस पेज पर मौजूद बाकी जानकारी पढ़ने से पहले, सेटअप करने के लिए दी गई गाइड पढ़ें.

आसानी से इस्तेमाल किया जा सकने वाला हीटमैप जोड़ना

अपने मैप में हीटमैप जोड़ने के लिए, आपको एक डेटासेट की ज़रूरत होगी. इसमें, आपके काम की हर जगह के निर्देशांक शामिल होने चाहिए. सबसे पहले, map प्रॉपर्टी को GMSMapView पर सेट करके, एक GMUHeatmapTileLayer इंस्टेंस बनाएं. अपने ऐप्लिकेशन के viewDidLoad() फ़ंक्शन में ऐसा करें, ताकि हीटमैप के साथ काम करने से पहले, बेस मैप लोड हो जाए. इसके बाद, GMUHeatmapTileLayer इंस्टेंस में GMUWeightedLatLng ऑब्जेक्ट का कलेक्शन पास करें.

यह सुविधा GMUHeatmapTileLayer क्लास उपलब्ध कराती है, जो GMUWeightedLatLng ऑब्जेक्ट का कलेक्शन स्वीकार करती है. यह रेडियस, ग्रेडिएंट, और ऑपैसिटी के दिए गए विकल्पों के आधार पर, अलग-अलग ज़ूम लेवल के लिए टाइल इमेज बनाता है.

इस प्रोसेस के बारे में ज़्यादा जानकारी:

GMUHeatmapTileLayer प्रॉपर्टी को map पर सेट करके, GMUHeatmapTileLayer इंस्टेंस बनाएं (ऐसा अपने ऐप्लिकेशन के viewDidLoad() फ़ंक्शन में करें).GMSMapView
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

इस उदाहरण में, डेटा को police_stations.json नाम की 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 }
]