जगह के आइकॉन

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

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

फ़ील्ड

जगह के आइकॉन के साथ काम करने के लिए, इन फ़ील्ड का इस्तेमाल करें:

फ़ील्ड जगह की क्लास Places Service
आइकॉन --- icon
आइकन पृष्ठभूमि का रंग iconBackgroundColor icon_background_color
आइकॉन मास्क यूआरआई svgIconMaskURI icon_mask_base_uri
  • icon, रंगीन 71 पिक्सल x 71 पिक्सल वाले PNG आइकॉन का यूआरएल दिखाता है (सिर्फ़ Places Service के लिए).
  • iconBackgroundColor और icon_background_color, जगह के आइकॉन की कैटगरी के लिए, डिफ़ॉल्ट हेक्स कलर कोड दिखाते हैं.
  • icon_mask_base_uri (Places Service), बिना रंग वाले आइकॉन के लिए, बेस यूआरएल दिखाता है. इसमें फ़ाइल टाइप एक्सटेंशन नहीं होता. इसके लिए, .svg या .png जोड़ें.
  • svgIconMaskURI (जगह की क्लास), बिना रंग वाले एसवीजी आइकॉन का बेस यूआरएल दिखाता है.

मार्कर पर जगह का आइकॉन और रंग लागू करना

जगह की जानकारी की मदद से, जगह के आइकॉन और बैकग्राउंड के रंग का अनुरोध किया जा सकता है. इन रंगों को मार्कर पर लागू किया जा सकता है. यहां दिए गए उदाहरण में, जगह के डेटा का इस्तेमाल करके मार्कर बनाने का कोड दिखाया गया है. इसके लिए, PinElement.background विकल्प में place.iconBackgroundColor और PinElement.glyph में place.svgIconMaskURI को पास किया गया है. मार्कर को सही जगह पर रखने के लिए, place.location का इस्तेमाल करें. इस उदाहरण में, मार्कर के टाइटल में place.displayName भी दिखता है.

TypeScript

// A marker customized using a place icon and color, name, and geometry.
const place = new Place({
    id: 'ChIJN5Nz71W3j4ARhx5bwpTQEGg',
});

// Call fetchFields, passing the desired data fields.
await place.fetchFields({ fields: ['location', 'displayName', 'svgIconMaskURI', 'iconBackgroundColor'] });

const pinElement = new PinElement({
    background: place.iconBackgroundColor,
    glyph: new URL(String(place.svgIconMaskURI)),
});

const placeIconMarkerView = new AdvancedMarkerElement({
    map,
    position: place.location,
    content: pinElement.element,
    title: place.displayName,
});
index.ts

JavaScript

// A marker customized using a place icon and color, name, and geometry.
const place = new Place({
  id: "ChIJN5Nz71W3j4ARhx5bwpTQEGg",
});

// Call fetchFields, passing the desired data fields.
await place.fetchFields({
  fields: [
    "location",
    "displayName",
    "svgIconMaskURI",
    "iconBackgroundColor",
  ],
});

const pinElement = new PinElement({
  background: place.iconBackgroundColor,
  glyph: new URL(String(place.svgIconMaskURI)),
});
const placeIconMarkerView = new AdvancedMarkerElement({
  map,
  position: place.location,
  content: pinElement.element,
  title: place.displayName,
});
index.js
उदाहरण देखें

आइकॉन और बैकग्राउंड के रंग के लिए अनुरोध करना

यहां दी गई टेबल में, जगह के सभी उपलब्ध आइकॉन को कैटगरी के हिसाब से दिखाया गया है. डिफ़ॉल्ट रूप से, ये काले रंग के ग्लिफ़ के साथ दिखते हैं. जगह की कैटगरी के हिसाब से, आइकॉन के बैकग्राउंड का रंग तय होता है.

जगह की कैटगरी: खाने-पीने की चीज़ें
(आइकॉन का बैकग्राउंड कलर #FF9E67)
बार
बार,
नाइट क्लब 		कैफ़े
कैफ़े 		रेस्टोरेंट
रेस्टोरेंट, बेकरी
जगह की कैटगरी: खुदरा
(आइकॉन का बैकग्राउंड कलर #4B96F3)
किताबों की दुकान
किताबें, कपड़े, इलेक्ट्रॉनिक्स, आभूषण, जूते,
शॉपिंग सेंटर/मॉल 		किराने की दुकान है
किराने की दुकान 		किराना
किराने की दुकान, सुपरमार्केट 		फ़ार्मेसी
फ़ार्मेसी
जगह की कैटगरी: सेवाएं
(आइकॉन का बैकग्राउंड रंग #909CE1)
एटीएम
एटीएम 		बैंक
बैंक 		पेट्रोल पंप
गैस 		ठहरने की जगह
ठहरने की जगह
डाकघर
पोस्ट ऑफ़िस
जगह की कैटगरी: मनोरंजन
(आइकॉन का बैकग्राउंड कलर #13B5C7)
एक्वेरियम, पर्यटक
एक्वेरियम, पर्यटक 		गोल्फ़
गोल्फ़ 		ऐतिहासिक
ऐतिहासिक 		मूवी
फ़िल्म
संग्रहालय
संग्रहालय 		थिएटर
थिएटर
जगह की कैटगरी: परिवहन
(आइकॉन का बैकग्राउंड कलर #10BDFF)
हवाई अड्डा
हवाई अड्डा 		बस
बस, राइडशेयर, टैक्सी 		ट्रेन/रेल
ट्रेन/रेल
जगह की कैटगरी: नगरपालिका/सामान्य/धार्मिक
(आइकॉन का बैकग्राउंड कलर #7B9EB0)
कब्रिस्तान
कब्रिस्तान 		सिविक बिल्डिंग
सिविक बिल्डिंग 		लाइब्रेरी
लाइब्रेरी 		स्मारक
स्मारक
पार्किंग
पार्किंग 		स्कूल (प्राइमरी, सेकंडरी, यूनिवर्सिटी)
स्कूल (प्राइमरी, सेकंडरी, यूनिवर्सिटी) 		पूजा-पाठ (ईसाई)
पूजा (ईसाई)
पूजा (हिंदू)
पूजा (हिंदू) 		पूजा-पाठ (इस्लाम)
पूजा (इस्लाम) 		पूजा (जैन)
पूजा (जैन) 		पूजा-पाठ (यहूदी)
पूजा (यहूदी)
पूजा-पाठ (सिख)
पूजा (सिख) 		सामान्य कारोबार
सामान्य कारोबार
जगह की कैटगरी: आउटडोर
(आइकॉन का बैकग्राउंड कलर #4DB546)
बोटिंग
बोटिंग 		कैंपिंग
कैंपिंग 		पार्क
पार्क 		स्टेडियम
स्टेडियम
चिड़ियाघर
चिड़ियाघर
जगह की कैटगरी: आपातकालीन
(आइकॉन का बैकग्राउंड कलर #F88181)
अस्पताल
अस्पताल 		पुलिस
पुलिस