जगह के आइकॉन अलग-अलग तरह की जगहों को दिखाते हैं (उदाहरण के लिए, कॉफ़ी शॉप, लाइब्रेरी, और म्यूज़ियम हैं). PNG या SVG फ़ॉर्मैट में आइकॉन के लिए यूआरएल का अनुरोध किया जा सकता है, और मिलते-जुलते आइकॉन के बैकग्राउंड का रंग देख सकते हैं. स्थान विवरण, आस-पास की खोज और टेक्स्ट खोज अनुरोध. आइकॉन का इस्तेमाल इनलाइन किया जा सकता है.
हर आइकॉन को दो रिस्पॉन्स फ़ील्ड से तय किया जाता है:
- आइकॉन बेस यूआरआई में गैर-रंग वाले आइकॉन का बेस यूआरएल होता है
आइकॉन से, फ़ाइल टाइप के एक्सटेंशन को घटाएं. आपको
.svg
को जोड़ना होगा या आइकॉन का अनुरोध करने के लिए, यूआरआई को.png
. - आइकॉन के बैकग्राउंड के रंग में, इसके लिए डिफ़ॉल्ट HEX रंग कोड का इस्तेमाल होता है जगह की कैटगरी को चुनें.
उदाहरण
नीचे दिए गए उदाहरण दिखाते हैं कि यूआरएल के लिए आइकॉन यूआरआई और बैकग्राउंड के रंग का अनुरोध कैसे किया जाता है Places API (नया वर्शन) और Places एपीआई. ध्यान दें कि अनुरोध और उसके जवाब अलग-अलग हैं एपीआई के दोनों वर्शन के लिए एक पैरामीटर है.
Places API (नया प्रॉडक्ट)
नीचे दिए गए उदाहरण में,
टेक्स्ट खोज (नई सुविधा)
किसी स्थान का प्रदर्शन नाम और साथ ही iconMaskBaseUri
और
iconBackgroundColor
रिस्पॉन्स फ़ील्ड:
curl -X POST -d '{ "textQuery" : "skog haus", "maxResultCount" : 1 }' \ -H 'Content-Type: application/json' -H 'X-Goog-Api-Key: API_KEY' \ -H 'X-Goog-FieldMask: places.displayName,places.iconMaskBaseUri,places.iconBackgroundColor' \ 'https://places.googleapis.com/v1/places:searchText'
जवाब इस फ़ॉर्म में है:
{ "places": [ { "iconMaskBaseUri": "https://maps.gstatic.com/mapfiles/place_api/icons/v2/cafe_pinlet", "iconBackgroundColor": "#FF9E67", "displayName": { "text": "SKÖG Haus Coffee & Tea", "languageCode": "en" } } ] }
Places API
नीचे दिए गए उदाहरण में,
जगह ढूंढें से जुड़ा अनुरोध
जिसमें icon_mask_base_uri
और icon_background_color
शामिल हैं
फ़ील्ड:
https://maps.googleapis.com/maps/api/place/findplacefromtext/json?input=skog%20haus&inputtype=textquery&fields=name,icon_mask_base_uri,icon_background_color&key=API_KEY
नीचे दिए गए उदाहरण में दिखाया गया है कि कैसे icon_mask_base_uri
और
स्थान ढूंढें से मिले जवाब में icon_background_color
फ़ील्ड दिखाई देते हैं
अनुरोध.
JSON
{ "candidates" : [ { "icon_background_color" : "#FF9E67", "icon_mask_base_uri" : "https://maps.gstatic.com/mapfiles/place_api/icons/v2/cafe_pinlet", "name" : "SKÖG Haus Coffee", } ], "status" : "OK" }
XML
<FindPlaceFromTextResponse> <candidates> <name>SKÖG Haus Coffee</name> <icon_background_color>#FF9E67</icon_background_color> <icon_mask_base_uri>https://maps.gstatic.com/mapfiles/place_api/icons/v2/cafe_pinlet</icon_mask_base_uri> </candidates> <status>OK</status> </FindPlaceFromTextResponse>
आइकॉन दिखाने के लिए, दिखाए गए आइकॉन में पसंद के मुताबिक फ़ाइल टाइप एक्सटेंशन (.png या .svg) जोड़ें यूआरआई, और आइकॉन को दिए गए बैकग्राउंड कलर से जोड़ें. उदाहरण के लिए, .svg आइकॉन दिखाने के लिए वेब पेज पर:
<style> .icons-food-drink { background-color: #FF9E67; width: 88px; height: 88px; padding: 5px; } </style> <img src="https://maps.gstatic.com/mapfiles/place_api/icons/v2/cafe_pinlet.svg" alt="Cafe" class="icons-food-drink"/>
आइकॉन और बैकग्राउंड के रंग के अनुरोध करें
नीचे दी गई टेबल में, कैटगरी के हिसाब से जगह के लिए उपलब्ध सभी आइकॉन दिखाए गए हैं. इन्होंने बदलाव किया है इन स्क्रीन को एक काले ग्लिफ़ के साथ डिफ़ॉल्ट रूप से सेट करें. आइकॉन के बैकग्राउंड का रंग यह जगह की कैटगरी के हिसाब से तय होता है.
जगह की कैटगरी: खाने-पीने की चीज़ें (आइकॉन के बैकग्राउंड का रंग #FF9E67) |
|||
---|---|---|---|
नाइट क्लब |
|
|
|
जगह की कैटगरी: खुदरा (आइकॉन के बैकग्राउंड का रंग #4B96F3) |
|||
शॉपिंग सेंटर/मॉल |
![]() |
|
|
जगह की कैटगरी: सेवाएं (आइकॉन के बैकग्राउंड का रंग #909CE1) |
|||
|
|
|
|
|
|||
जगह की कैटगरी: मनोरंजन (आइकॉन के बैकग्राउंड का रंग #13B5C7) |
|||
|
|
|
|
|
|
||
जगह की कैटगरी: परिवहन (आइकॉन के बैकग्राउंड का रंग #10BDFF) |
|||
|
|
|
|
जगह की कैटगरी: नगरपालिका/सामान्य/धार्मिक (आइकॉन के बैकग्राउंड का रंग #7B9EB0) |
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
जगह की कैटगरी: आउटडोर (आइकॉन के बैकग्राउंड का रंग #4DB546) |
|||
|
|
|
|
|
|||
जगह की कैटगरी: आपातकालीन स्थिति (आइकॉन के बैकग्राउंड का रंग #F88181) |
|||
|
|