खास जानकारी
एलिवेशन सेवा, पृथ्वी की सतह पर मौजूद जगहों की ऊंचाई से जुड़ा डेटा उपलब्ध कराती है. इसमें, महासागर के तल की गहराई वाली जगहों की जानकारी शामिल होती है, जिसकी वैल्यू ऋणात्मक होती है. ऐसे मामलों में जहां Google के पास आपके अनुरोध की गई जगह की सटीक ऊंचाई का सटीक मेज़रमेंट नहीं होता है, तब सेवा, चार सबसे नज़दीकी जगहों का इस्तेमाल करके, कोई औसत वैल्यू इंटरपोलेट करेगी और नतीजे के तौर पर दिखाएगी.
ElevationService
ऑब्जेक्ट से, आपको एक आसान इंटरफ़ेस मिलता है. इसकी मदद से, धरती की जगहों की जानकारी के आधार पर चढ़ाई का डेटा पता किया जा सकता है. इसके अलावा, पाथ के साथ-साथ ऊंचाई के डेटा के सैंपल का अनुरोध किया जा सकता है. इससे, रास्तों के बराबर ऊंचाई में हुए बदलावों का हिसाब लगाया जा सकता है. ElevationService
ऑब्जेक्ट,
Google Maps API की एलिवेशन सेवा से संपर्क करता है. यह सेवा, चढ़ाई के लिए अनुरोध करती है और ऊंचाई से जुड़ा डेटा दिखाती है.
एलिवेशन सेवा की मदद से, हाइकिंग और बाइकिंग ऐप्लिकेशन, मोबाइल पोज़िशनिंग ऐप्लिकेशन या लो रिज़ॉल्यूशन वाले सर्वे वाले ऐप्लिकेशन डेवलप किए जा सकते हैं.
रिपोर्ट का इस्तेमाल करना
Maps JavaScript API में एलिवेशन सेवा का इस्तेमाल करने से पहले, यह पक्का कर लें कि Google Cloud Console में एलिवेशन एपीआई चालू है. यह भी पक्का करें कि यह एपीआई उसी प्रोजेक्ट में चालू हो जिसे आपने Maps JavaScript API के लिए सेट अप किया है.
चालू एपीआई की सूची देखने के लिए:
- Google Cloud Console पर जाएं.
- प्रोजेक्ट चुनें बटन पर क्लिक करें. इसके बाद, वही प्रोजेक्ट चुनें जिसे आपने Maps JavaScript API के लिए सेट अप किया है और खोलें पर क्लिक करें.
- डैशबोर्ड पर एपीआई की सूची में, Elevation API पर जाएं.
- अगर आपको सूची में एपीआई दिखता है, तो इसका मतलब है कि अब आप इसे इस्तेमाल करने के लिए तैयार हैं. अगर एपीआई सूची में नहीं है,
तो उसे चालू करें:
- लाइब्रेरी टैब को दिखाने के लिए, पेज पर सबसे ऊपर मौजूद एपीआई चालू करें को चुनें. इसके अलावा, बाईं ओर दिए गए मेन्यू से, लाइब्रेरी चुनें.
- Elevation API खोजें. इसके बाद, नतीजों की सूची में से इसे चुनें.
- चालू करें को चुनें. प्रोसेस पूरी होने के बाद, डैशबोर्ड पर एपीआई की सूची में Elevation API दिखता है.
कीमत और नीतियां
कीमत
Maps, रूट, और जगहें के लिए 16 जुलाई, 2018 से 'जितना इस्तेमाल करें, सिर्फ़ उतने पैसे चुकाएं' वाली कीमत तय करने की नई योजना लागू की गई है. JavaScript एलिवेशन सेवा के इस्तेमाल की नई कीमतों और इस्तेमाल की सीमाओं के बारे में ज़्यादा जानने के लिए, Elevation API के लिए इस्तेमाल और बिलिंग देखें.
नीतियां
एलिवेशन एपीआई का इस्तेमाल, एलिवेशन एपीआई के लिए बताई गई नीतियों के मुताबिक होना चाहिए.
ऊंचाई के अनुरोध
एलिवेशन सेवा को ऐक्सेस करना एसिंक्रोनस होता है, क्योंकि
Google Maps API को बाहरी सर्वर को कॉल करने की
ज़रूरत होती है. इसलिए, अनुरोध पूरा होने पर उसे लागू करने के लिए, आपको कॉलबैक वाला तरीका पास करना होगा. इस
कॉलबैक तरीके को नतीजा(नतीजे) प्रोसेस करना चाहिए. ध्यान दें कि एलिवेशन सेवा, एक स्टेटस कोड (ElevationStatus
) और अलग-अलग ElevationResult
ऑब्जेक्ट की कलेक्शन दिखाती है.
ElevationService
दो तरह के अनुरोधों को हैंडल करता है:
getElevationForLocations()
तरीके का इस्तेमाल करके, अलग-अलग जगहों के लिए अलग-अलग अनुरोध करना. इस तरीके कोLocationElevationRequest
ऑब्जेक्ट का इस्तेमाल करके, एक या एक से ज़्यादा जगहों की सूची पास किया जाता है.getElevationAlongPath()
तरीके का इस्तेमाल करके, पाथ के साथ जुड़े हुए पॉइंट की सीरीज़ पर ऊंचाई के अनुरोध. यह तरीकाPathElevationRequest
ऑब्जेक्ट में, पाथ के शीर्षों के क्रम वाले सेट से पास किया जाता है. पाथ में ऊंचाई का अनुरोध करते समय, आपको एक पैरामीटर भी पास करना होगा. यह पैरामीटर यह बताता है कि उस पाथ पर आपको कितने सैंपल लेने हैं.
इनमें से हर एक तरीके को एक कॉलबैक तरीका भी पास करना होगा, ताकि दिखाए गए ElevationResult
और ElevationStatus
ऑब्जेक्ट को मैनेज किया जा सके.
जगह की ऊंचाई से जुड़े अनुरोध
LocationElevationRequest
ऑब्जेक्ट लिटरल
में यह फ़ील्ड शामिल होता है:
{ locations[]: LatLng }
locations
(ज़रूरी है) पृथ्वी की उन जगहों के बारे में बताता है जहां से ऊंचाई का डेटा देखना है. यह पैरामीटर, LatLng
सेकंड का एक कलेक्शन शामिल करता है.
जब तक सेवा कोटा को पार नहीं किया जाता, तब तक किसी भी क्रम में कई कोऑर्डिनेट पास किए जा सकते हैं. ध्यान दें कि कई कोऑर्डिनेट पास करते समय, दिए गए डेटा का रिज़ॉल्यूशन, एक निर्देशांक के लिए अनुरोध करने के डेटा की तुलना में कम रिज़ॉल्यूशन का हो सकता है.
सैंपल के तौर पर दिए गए पाथ की ऊंचाई के अनुरोध
PathElevationRequest
ऑब्जेक्ट लिटरल
में ये फ़ील्ड होते हैं:
{ path[]: LatLng, samples: Number }
इन फ़ील्ड से जुड़ी जानकारी नीचे दी गई है:
path
(ज़रूरी है) पृथ्वी पर वह पाथ बताता है जिसके लिए ऊंचाई का डेटा देना है.path
पैरामीटर, दो या उससे ज़्यादा क्रम वाले {अक्षांश,देशांतर} पेयर के सेट को परिभाषित करता है. इसके लिए, दो या उससे ज़्यादाLatLng
ऑब्जेक्ट के कलेक्शन का इस्तेमाल किया जाता है.samples
(ज़रूरी है) पाथ पर मौजूद सैंपल पॉइंट की संख्या बताता है, जिसके लिए ऊंचाई का डेटा दिखाया जाता है.samples
पैरामीटर, दिए गएpath
को पाथ में मौजूद बराबर दूरी के पॉइंट के क्रम वाले सेट में बांटता है.
पोज़िशन के हिसाब से किए गए अनुरोधों की तरह ही, path
पैरामीटर अक्षांश और देशांतर की वैल्यू का सेट तय करता है. हालांकि, पोज़िशन के हिसाब से किए गए अनुरोध के उलट, path
, क्रम वाले वर्टेक्स के सेट के बारे में बताता है. वर्टेक्स पर एलिवेशन डेटा दिखाने के बजाय, पाथ के अनुरोधों का सैंपल पाथ की लंबाई के साथ रखा जाता है. इसमें हर सैंपल, एक-दूसरे से समान दूरी पर होता है. इसमें एंडपॉइंट भी शामिल हैं.
एलिवेशन रिस्पॉन्स
हर मान्य अनुरोध के लिए, एलिवेशन सेवा, तय किए गए कॉलबैक के लिए ElevationStatus
ऑब्जेक्ट के साथ ElevationResult
ऑब्जेक्ट के सेट पर काम करेगी.
ऊंचाई की स्थितियां
ऊंचाई का हर अनुरोध, अपने कॉलबैक फ़ंक्शन में एक ElevationStatus
कोड दिखाता है. इस status
कोड
में इनमें से कोई एक वैल्यू शामिल होगी:
OK
से पता चलता है कि सेवा का अनुरोध स्वीकार कर लिया गया हैINVALID_REQUEST
से पता चलता है कि सेवा का अनुरोध गलत तरीके से किया गया थाOVER_QUERY_LIMIT
से पता चलता है कि अनुरोध करने वाले व्यक्ति ने कोटा पार कर लिया हैREQUEST_DENIED
से पता चलता है कि सेवा ने अनुरोध पूरा नहीं किया है. ऐसा शायद अमान्य पैरामीटर की वजह से हुआ हैUNKNOWN_ERROR
ऐसी गड़बड़ी दिखा रहा है जिसकी जानकारी नहीं है
OK
के लिए इस स्टेटस कोड की जांच करके, यह पक्का करें कि आपका कॉलबैक कामयाब हो गया है.
ऊंचाई से जुड़े नतीजे
पूरा होने पर, आपके कॉलबैक फ़ंक्शन के results
आर्ग्युमेंट में, ElevationResult
ऑब्जेक्ट का एक सेट शामिल होगा.
इन ऑब्जेक्ट में ये एलिमेंट शामिल हैं:
- उस जगह का
location
एलिमेंट (इसमेंLatLng
ऑब्जेक्ट शामिल हैं) जिसके लिए, एलिवेशन डेटा का हिसाब लगाया जा रहा है. ध्यान दें कि पाथ के अनुरोधों के लिए,location
एलिमेंट के सेट में, पाथ के वे सैंपल पॉइंट शामिल होंगे जिन्हें सैंपल के तौर पर इस्तेमाल किया गया था. - जगह की ऊंचाई को मीटर में दिखाने वाला
elevation
एलिमेंट. resolution
की वैल्यू, जो उन डेटा पॉइंट के बीच ज़्यादा से ज़्यादा दूरी को दिखाती है जिनसे ऊंचाई को इंटरपोलेट किया गया था. अगर रिज़ॉल्यूशन के बारे में पता नहीं है, तो यह प्रॉपर्टी मौजूद नहीं रहेगी. ध्यान दें कि जब एक से ज़्यादा पॉइंट पास किए जाते हैं, तो ऊंचाई का डेटा, ज़्यादा अनुमानित (resolution
वैल्यू की बड़ी) हो जाता है. किसी पॉइंट की सबसे सटीक ऊंचाई की वैल्यू पाने के लिए, अलग-अलग क्वेरी की जानी चाहिए.
ऊंचाई के उदाहरण
यह कोड, मैप पर होने वाले क्लिक को LocationElevationRequest
ऑब्जेक्ट का इस्तेमाल करके,
एलिवेशन अनुरोध में बदल देता है:
TypeScript
function initMap(): void { const map = new google.maps.Map( document.getElementById("map") as HTMLElement, { zoom: 8, center: { lat: 63.333, lng: -150.5 }, // Denali. mapTypeId: "terrain", } ); const elevator = new google.maps.ElevationService(); const infowindow = new google.maps.InfoWindow({}); infowindow.open(map); // Add a listener for the click event. Display the elevation for the LatLng of // the click inside the infowindow. map.addListener("click", (event) => { displayLocationElevation(event.latLng, elevator, infowindow); }); } function displayLocationElevation( location: google.maps.LatLng, elevator: google.maps.ElevationService, infowindow: google.maps.InfoWindow ) { // Initiate the location request elevator .getElevationForLocations({ locations: [location], }) .then(({ results }) => { infowindow.setPosition(location); // Retrieve the first result if (results[0]) { // Open the infowindow indicating the elevation at the clicked position. infowindow.setContent( "The elevation at this point <br>is " + results[0].elevation + " meters." ); } else { infowindow.setContent("No results found"); } }) .catch((e) => infowindow.setContent("Elevation service failed due to: " + e) ); } declare global { interface Window { initMap: () => void; } } window.initMap = initMap;
JavaScript
function initMap() { const map = new google.maps.Map(document.getElementById("map"), { zoom: 8, center: { lat: 63.333, lng: -150.5 }, // Denali. mapTypeId: "terrain", }); const elevator = new google.maps.ElevationService(); const infowindow = new google.maps.InfoWindow({}); infowindow.open(map); // Add a listener for the click event. Display the elevation for the LatLng of // the click inside the infowindow. map.addListener("click", (event) => { displayLocationElevation(event.latLng, elevator, infowindow); }); } function displayLocationElevation(location, elevator, infowindow) { // Initiate the location request elevator .getElevationForLocations({ locations: [location], }) .then(({ results }) => { infowindow.setPosition(location); // Retrieve the first result if (results[0]) { // Open the infowindow indicating the elevation at the clicked position. infowindow.setContent( "The elevation at this point <br>is " + results[0].elevation + " meters.", ); } else { infowindow.setContent("No results found"); } }) .catch((e) => infowindow.setContent("Elevation service failed due to: " + e), ); } window.initMap = initMap;
सैंपल आज़माएं
नीचे दिए गए उदाहरण में, निर्देशांकों का सेट दिए गए पॉलीलाइन बनाया गया है. साथ ही,
Google विज़ुअलाइज़ेशन API का इस्तेमाल करके, पाथ पर एलिवेशन डेटा दिखाया गया है. (आपको Google के कॉमन लोडर का इस्तेमाल करके, इस एपीआई को लोड करना होगा.) PathElevationRequest
का इस्तेमाल करके, ऊंचाई का अनुरोध किया गया है:
TypeScript
// Load the Visualization API and the columnchart package. // @ts-ignore TODO update to newest visualization library google.load("visualization", "1", { packages: ["columnchart"] }); function initMap(): void { // The following path marks a path from Mt. Whitney, the highest point in the // continental United States to Badwater, Death Valley, the lowest point. const path = [ { lat: 36.579, lng: -118.292 }, // Mt. Whitney { lat: 36.606, lng: -118.0638 }, // Lone Pine { lat: 36.433, lng: -117.951 }, // Owens Lake { lat: 36.588, lng: -116.943 }, // Beatty Junction { lat: 36.34, lng: -117.468 }, // Panama Mint Springs { lat: 36.24, lng: -116.832 }, ]; // Badwater, Death Valley const map = new google.maps.Map( document.getElementById("map") as HTMLElement, { zoom: 8, center: path[1], mapTypeId: "terrain", } ); // Create an ElevationService. const elevator = new google.maps.ElevationService(); // Draw the path, using the Visualization API and the Elevation service. displayPathElevation(path, elevator, map); } function displayPathElevation( path: google.maps.LatLngLiteral[], elevator: google.maps.ElevationService, map: google.maps.Map ) { // Display a polyline of the elevation path. new google.maps.Polyline({ path: path, strokeColor: "#0000CC", strokeOpacity: 0.4, map: map, }); // Create a PathElevationRequest object using this array. // Ask for 256 samples along that path. // Initiate the path request. elevator .getElevationAlongPath({ path: path, samples: 256, }) .then(plotElevation) .catch((e) => { const chartDiv = document.getElementById( "elevation_chart" ) as HTMLElement; // Show the error code inside the chartDiv. chartDiv.innerHTML = "Cannot show elevation: request failed because " + e; }); } // Takes an array of ElevationResult objects, draws the path on the map // and plots the elevation profile on a Visualization API ColumnChart. function plotElevation({ results }: google.maps.PathElevationResponse) { const chartDiv = document.getElementById("elevation_chart") as HTMLElement; // Create a new chart in the elevation_chart DIV. const chart = new google.visualization.ColumnChart(chartDiv); // Extract the data from which to populate the chart. // Because the samples are equidistant, the 'Sample' // column here does double duty as distance along the // X axis. const data = new google.visualization.DataTable(); data.addColumn("string", "Sample"); data.addColumn("number", "Elevation"); for (let i = 0; i < results.length; i++) { data.addRow(["", results[i].elevation]); } // Draw the chart using the data within its DIV. chart.draw(data, { height: 150, legend: "none", // @ts-ignore TODO update to newest visualization library titleY: "Elevation (m)", }); } declare global { interface Window { initMap: () => void; } } window.initMap = initMap;
JavaScript
// Load the Visualization API and the columnchart package. // @ts-ignore TODO update to newest visualization library google.load("visualization", "1", { packages: ["columnchart"] }); function initMap() { // The following path marks a path from Mt. Whitney, the highest point in the // continental United States to Badwater, Death Valley, the lowest point. const path = [ { lat: 36.579, lng: -118.292 }, // Mt. Whitney { lat: 36.606, lng: -118.0638 }, // Lone Pine { lat: 36.433, lng: -117.951 }, // Owens Lake { lat: 36.588, lng: -116.943 }, // Beatty Junction { lat: 36.34, lng: -117.468 }, // Panama Mint Springs { lat: 36.24, lng: -116.832 }, ]; // Badwater, Death Valley const map = new google.maps.Map(document.getElementById("map"), { zoom: 8, center: path[1], mapTypeId: "terrain", }); // Create an ElevationService. const elevator = new google.maps.ElevationService(); // Draw the path, using the Visualization API and the Elevation service. displayPathElevation(path, elevator, map); } function displayPathElevation(path, elevator, map) { // Display a polyline of the elevation path. new google.maps.Polyline({ path: path, strokeColor: "#0000CC", strokeOpacity: 0.4, map: map, }); // Create a PathElevationRequest object using this array. // Ask for 256 samples along that path. // Initiate the path request. elevator .getElevationAlongPath({ path: path, samples: 256, }) .then(plotElevation) .catch((e) => { const chartDiv = document.getElementById("elevation_chart"); // Show the error code inside the chartDiv. chartDiv.innerHTML = "Cannot show elevation: request failed because " + e; }); } // Takes an array of ElevationResult objects, draws the path on the map // and plots the elevation profile on a Visualization API ColumnChart. function plotElevation({ results }) { const chartDiv = document.getElementById("elevation_chart"); // Create a new chart in the elevation_chart DIV. const chart = new google.visualization.ColumnChart(chartDiv); // Extract the data from which to populate the chart. // Because the samples are equidistant, the 'Sample' // column here does double duty as distance along the // X axis. const data = new google.visualization.DataTable(); data.addColumn("string", "Sample"); data.addColumn("number", "Elevation"); for (let i = 0; i < results.length; i++) { data.addRow(["", results[i].elevation]); } // Draw the chart using the data within its DIV. chart.draw(data, { height: 150, legend: "none", // @ts-ignore TODO update to newest visualization library titleY: "Elevation (m)", }); } window.initMap = initMap;