ज़ूम की ज़्यादा से ज़्यादा तस्वीरों की सेवा

1. ज़ूम की ज़्यादा से ज़्यादा तस्वीरें
2. MaxZoom के अनुरोध
3. MaxZoom के जवाब

खास जानकारी

Google Maps API अलग-अलग जगहों पर मैप टाइल उपलब्ध कराता है मैप टाइप की तस्वीरों के लिए, ज़ूम लेवल. ज़्यादातर रोडमैप तस्वीरों का संग्रह 0 से 18 तक के ज़ूम लेवल उदाहरण के लिए. सैटलाइट से ली गई तस्वीरें अलग-अलग होती हैं, क्योंकि कॉन्टेंट जनरेट नहीं किया जाता, बल्कि उसकी सीधे तौर पर फ़ोटो ली जाती है.

क्योंकि सैटलाइट से ली गई तस्वीरें हमेशा उपलब्ध नहीं होतीं दूर की जगहों के लिए ज़्यादा ज़ूम लेवल — कम जनसंख्या या खुले समुद्री क्षेत्र — देखें कि किसी जगह की तस्वीरों के लिए सबसे ज़्यादा ज़ूम लेवल क्या है कर लिया है. MaxZoomService ऑब्जेक्ट एक सरल इंटरफ़ेस की मदद से, ज़ूम करने की सीमा का पता लगाया जा सकता है दी गई जगह की जानकारी जिसकी मदद से Google Maps में सैटलाइट से ली गई तस्वीरें हैं.

MaxZoom अनुरोध

MaxZoomService को ऐक्सेस करना एसिंक्रोनस है, क्योंकि Google Maps API के लिए आपको किसी बाहरी सर्वर को कॉल करना होगा. इसके लिए इसलिए, आपको एक callback तरीका पास करना होगा, ताकि अनुरोध पूरा होने पर. इस कॉलबैक का तरीका प्रोसेस होना चाहिए दिखाई देता है.

MaxZoomService को अनुरोध भेजने के लिए, getMaxZoomAtLatLng() को कॉल करें जगह और कॉलबैक फ़ंक्शन का LatLng अनुरोध पूरा होने पर उन पर कार्रवाई की जा सकती है.

MaxZoom के जवाब

जब getMaxZoomAtLatLng(), कॉलबैक लागू करता है फ़ंक्शन है, तो यह दो पैरामीटर वापस पास करेगा:

• status में MaxZoomStatus शामिल है विकल्प मौजूद है.
• zoom में ज़ूम लेवल होता है. अगर किसी वजह से सेवा विफल हो जाती है, तो यह मान मौजूद नहीं होगा.

status कोड इनमें से कोई एक वैल्यू दिखा सकता है:

• OK बताता है कि सेवा को सबसे ज़्यादा ज़ूम मिला सैटलाइट से ली गई तस्वीरों के संग्रह का लेवल हो.
• ERROR से पता चलता है कि MaxZoom अनुरोध करता है प्रोसेस नहीं किया जा सका.

नीचे दिए गए उदाहरण में महानगरीय टोक्यो का मैप दिखाया गया है. मैप पर कहीं भी क्लिक करने से ज़ूम का अधिकतम स्तर पता चलता है उस स्थान पर. (टोक्यो के आस-पास ज़ूम का लेवल आम तौर पर अलग-अलग होता है) के बीच ज़ूम लेवल सेट करें.)

let map: google.maps.Map;
let maxZoomService: google.maps.MaxZoomService;
let infoWindow: google.maps.InfoWindow;

function initMap(): void {
  map = new google.maps.Map(document.getElementById("map") as HTMLElement, {
    zoom: 11,
    center: { lat: 35.6894, lng: 139.692 },
    mapTypeId: "hybrid",
  });

  infoWindow = new google.maps.InfoWindow();

  maxZoomService = new google.maps.MaxZoomService();

  map.addListener("click", showMaxZoom);
}

function showMaxZoom(e: google.maps.MapMouseEvent) {
  maxZoomService.getMaxZoomAtLatLng(
    e.latLng as google.maps.LatLng,
    (result: google.maps.MaxZoomResult) => {
      if (result.status !== "OK") {
        infoWindow.setContent("Error in MaxZoomService");
      } else {
        infoWindow.setContent(
          "The maximum zoom at this location is: " + result.zoom
        );
      }

      infoWindow.setPosition(e.latLng);
      infoWindow.open(map);
    }
  );
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;
index.ts

let map;
let maxZoomService;
let infoWindow;

function initMap() {
  map = new google.maps.Map(document.getElementById("map"), {
    zoom: 11,
    center: { lat: 35.6894, lng: 139.692 },
    mapTypeId: "hybrid",
  });
  infoWindow = new google.maps.InfoWindow();
  maxZoomService = new google.maps.MaxZoomService();
  map.addListener("click", showMaxZoom);
}

function showMaxZoom(e) {
  maxZoomService.getMaxZoomAtLatLng(e.latLng, (result) => {
    if (result.status !== "OK") {
      infoWindow.setContent("Error in MaxZoomService");
    } else {
      infoWindow.setContent(
        "The maximum zoom at this location is: " + result.zoom,
      );
    }

    infoWindow.setPosition(e.latLng);
    infoWindow.open(map);
  });
}

window.initMap = initMap;
index.js