जगह के आइकॉन

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

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

फ़ील्ड

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

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

मार्कर पर स्थान आइकन और रंग लागू करें

स्थान विवरण के साथ, आप स्थान आइकन और पृष्ठभूमि रंग का अनुरोध कर सकते हैं जिसे आप लागू कर सकते हैं मार्कर इस्तेमाल किए जा सकते हैं. नीचे दिया गया उदाहरण पास करके स्थान डेटा का इस्तेमाल करके एक मार्कर बनाने के लिए कोड दिखाता है place.iconBackgroundColor से PinElement.background विकल्प और place.svgIconMaskURI से PinElement.glyph. 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)

अस्पताल अस्पताल का बिल
पुलिस पुलिस