WordPress Website में Google Map को कैसे जोड़ें?

दोस्तों आज की इस पोस्ट में हम सीखेंगे की WordPress Website में Google Map को कैसे जोड़ें? अगर आप भी अपनी  WordPress Website में Map जोड़ना चाहते हैं तो आज की यह पोस्ट आपके लिए बहुत ही खास है |

दोस्तों अगर आप कोई Business, Organization, Event चलाते हैं, या किसी अन्य कारण से आप MAP को अपनी Website पर लगाना चाहते है तो यह जानना बहुत उपयोगी हो सकता है कि Google मैप्स को वर्डप्रेस में कैसे जोड़ा जाए। आप वर्डप्रेस वेबसाइट में  एक अच्छा सा Map Customize कर सकते है ,आपके Physical Place या अन्य महत्वपूर्ण जानकारी को बेहतर ढंग से प्रदर्शित करते हैं।

India की सबसे अच्छी TOP 5 Web Hosting सर्विस Provider कम्पनी ?

WordPress Website में Google Map को कैसे जोड़ें?

 

WordPress Website में Google Map को कैसे जोड़ें?

अब, हम आपको दिखाएंगे कि अपनी वेबसाइट के लिए एक Map कैसे बनाएं।उसके लिए बस आपको नीचे दिए गए Steps का पालन करना होगा !

Method 1: Google My Maps का उपयोग करके वर्डप्रेस में एक Interactive Map जोड़ना

दोस्तों यह तरीका काफी सरल और बहुत ही  अच्छा है इस Method में बिना कोई प्लगइन Install किये बिना ही आप अपनी Website में Google Map को add कर हैं |  इसके लिए सबसे पहले, आपको Google My Maps वेबसाइट पर जाना होगा और ‘Create a new map’ बटन पर क्लिक करना होगा।

Create a new map

यह आपको Edit map page पर ले जायेगा, यहाँ पर आप Base Map मैप का चयन करके, Adding Points of Interest, layers और बहुत कुछ जोड़कर अपना मानचित्र बना सकते हैं।

Editing map

Top दिए गए टूलबार का उपयोग करके, आप MAp पर लाइनें खींच सकते हैं, Routes जोड़ सकते हैं, Rules का उपयोग कर सकते हैं और आइटम का चयन कर सकते हैं।

Using the map toolbar

आपके सभी Map Items लेयर में बाईं ओर Save जाते हैं। आप Layer  को जोड़ सकते हैं, Edit कर सकते हैं, नाम बदल सकते हैं, या Delete  भी सकते हैं। आप विवरण जोड़ने, शीर्षक बदलने या फ़ोटो / वीडियो जोड़ने के लिए अपनी Layer में किसी भी आइटम पर क्लिक कर सकते हैं।

Add descriptions

एक बार जब आप अपना Map को Edit कर लेते हैं, तो आपको इसे Public करने की आवश्यकता होती है ताकि आप इसे अपनी वेबसाइट पर उपयोग कर सकें। आप Edit Panel में शेयर बटन पर क्लिक करके अपने बनाये हुए मैप को Publicly Share कर सकते हैं |

Sharing your interactive map

शेयर बटन पर क्लिक करते ही आपके सामने  Sharing Center का पेज खुलेगा जंहा आपको  ‘Who has access’ section के अंदर ‘Change’ बटन पर क्लिक करना होगा |

Sharing settings

इसके बाद, आपको ‘On – Public on the web’ पर क्लिक करना होगा और फिर ‘Save’ बटन पर क्लिक करना होगा।

Making your map public

सारी Configuration करने के बाद Sharing center पेज को बंद करने  के लिए Done बटन पर क्लिक करें |

Edit panel पर मानचित्र नाम के आगे स्थित मेनू आइकन पर क्लिक करें और फिर ‘Embed on my site’ चुनें।

Embed map on site

अब आपको Embed Code दिखाई देगा जिसे बस आपको कॉपी करना होगा।

Embed code

अब आप उस Post अथवा Page पर जाएँ जहाँ पर आप अपने बनाये हुए  Interactive map को  जोड़ना चाहते हैं। Post Edit Screen पर आपको Text Editor पर Switch करना होगा और Copy किये हुए Embed Code को Paste करना होगा।

Paste your interactive map code in WordPress

अब आप अपने किये हुए परिवर्तनों को Save कर सकते हैं और अपने Interactive Map को देखने के लिए अपनी पोस्ट को Preview  कर सकते हैं।

Map preview

WordPress Website को Protect रखने के लिए Top 8 Best WordPress Security Plugin

Method 2: Plugin का इस्तेमाल करके अपनी WordPress Website में Interactive Map को कैसे जोड़े?

दोस्तों जैसा की ऊपर दिए गए Method Google My Maps के द्वारा भी अपनी वेबसाइट में  interactive maps जोड़ सकते है, लेकिन अगर आप इस विधि से अपनी वेबसाइट में Map को Add करते है तो इसमें कुछ इसमें कुछ विशेषताओं का अभाव होता है और यह Google मैप्स तक सीमित होता है। यदि आप Open Street Maps, Bing, या Other mapping services, का उपयोग करना चाहते हैं, तो यह विधि आपके लिए है।

अब, हम आपको दिखाएंगे कि Plugin का इस्तेमाल करके अपनी वेबसाइट में  Map को कैसे जोड़े | इसके लिए सबसे पहले आपको Google Maps Plugin by Intergeo प्लगइन  को Install और Activate करना होगा।  उसके बाद बस आपको Maps को जोड़ने के लिए बस नीचे दिए गए 3 चरणों का पालन करें!

Step 1: Add your Google Maps API key to WordPress

एक बार अपनी WordPress वेबसाइट पर Google Maps Plugin by Intergeo प्लगइन  को Install और Activate करने के बाद, अपने वर्डप्रेस Dashboard के Media tab के अंदर Intergeo Maps  मेनु पर क्लिक करें,  जब आप इस पर क्लिक करेंगे तो आपको add your API key के लिए आपको एक मैसेज  दिखाई दे रहा होगा, जिसे आपको Map बनाने से पहले ही कॉन्फ़िगर करनी चाहिए |

 

Alert about the Google Maps API.

API key पाने के लिए, Google API डैशबोर्ड पर जाएं। और यहाँ पर अपनी Gmail  से Login कर ले  Google API डैशबोर्ड के अंदर, Page  के Top पर दिए हुए Create  बटन पर क्लिक करें |

Button to create a project for Google Maps.

अगली स्क्रीन पर Create चुनें। फिर, आप अपने  Project के लिए एक नाम चुन

Creating a Google Maps project.

Project  का नाम चुनने के बाद एक बार और Create बटन पर क्लिक करें, अब आपको डैशबोर्ड पर वापस ले जाया जाएगा। स्क्रीन के टॉप पर Enable APIs and Services  का चयन करें और “Google Maps JavaScript API”  के लिए API Library खोजें। जब आपको यह मिल जाए, तो Enable करें |

Button to enable the Google Maps API.

अगली स्क्रीन पर, टॉप-राइट कॉर्नर में Create Credentials बटन पर क्लिक करें। फिर अगले पृष्ठ पर, What credentials do I need?  को Select करें अब आपको यहाँ पर एक API Key मिलेगी जिसे आप अब कॉपी कर सकते हैं।

 

Google Maps API key

API Key को कॉपी करने के बाद आप अपनी वर्डप्रेस साइट पर वापस जाकर Please add an API Key here लिंक पर क्लिक करके यहाँ API Key को जोड़ दें

Pasting your key to add Google Maps to WordPress.

APi Key को जोड़ने के बाद Save Button पर क्लिक करना न भूले ! अब, आप अपना Map  बनाना शुरू करने के लिए तैयार हैं।

Step 2: Create a new map

अपना पहला मानचित्र बनाने के लिए,  Intergeo Maps section में  से select Add New पर क्लिक करें । अब आपके सामने बहुत सारे Option आ रहे होंगे |

The map editor of the Intergeo plugin.

सबसे पहली चीज जो शायद आप भी करना चाहते हैं, वह है कि  Add Marker button  का चयन करें। यह आपको मानचित्र के लिए एक स्थान निर्धारित करने और एक मार्कर रखने की सुविधा देता है। आप मार्कर को एक शीर्षक दे सकते हैं, इसके लिए एक शैली चुन सकते हैं और एक पता दर्ज कर सकते हैं:

The map marker options.

टेक्स्ट बॉक्स में, आप उस टेक्स्ट को भी जोड़ और प्रारूपित कर सकते हैं, जब उपयोगकर्ता मार्कर पर क्लिक करता है:

An example of a map marker.

उसके बाद, आप मैप बिल्डर के भीतर कुछ अन्य विकल्पों का उपयोग करके अपने नक्शे को अनुकूलित करना शुरू कर सकते हैं। प्रत्येक टैब पर एक-एक करके चलें।

Positioning & Zooming

The positioning and zooming tab.

अपने मानचित्र के लिए एक निश्चित ज़ूम स्तर और स्थिति निर्धारित करने के लिए, आप बस नमूना मानचित्र को अंदर और बाहर ज़ूम कर सकते हैं और जहाँ भी चाहें उसे खींच सकते हैं। जिस तरह से आपने इसे संपादक में सेट किया है वह यह है कि यह आपकी साइट पर कैसे प्रदर्शित होगा।

आप नक्शे के प्रकार को भी बदल सकते हैं, और यह तय कर सकते हैं कि क्या आप चाहते हैं कि उपयोगकर्ता स्वयं इसे खींच और ज़ूम कर सकें।

 

Controls

The controls tab.

Control Section  में, आप यह तय कर सकते हैं कि उपयोगकर्ताओं के लिए किस प्रकार के विकल्प उपलब्ध हैं। इसमें यह शामिल है कि क्या वे नक्शे को पैन कर सकते हैं (पैन का मतलब स्थान बदलने के लिए नक्शा खींचना है) और यदि उनके पास सड़क दृश्य विकल्प है।

Styles

The styles tab.

स्टाइल्स सेक्शन में, आप अपना मैप जैसा दिखते हैं उसे Tweak कर सकते हैं। आप कंटेनर की चौड़ाई और ऊंचाई को बदल सकते हैं, साथ ही साथ स्टाइल भी जोड़ सकते हैं। आप कई पूर्वनिर्धारित मानचित्र शैलियों में से भी चुन सकते हैं या अपना स्वयं का निर्माण भी कर सकते हैं।

यदि आप इंटरगेओ के प्रीमियम संस्करण का विकल्प चुनते हैं, तो आपके पास अतिरिक्त टैब और सेटिंग्स तक पहुंच होगी। हालाँकि, उपरोक्त सेटिंग्स को बदलकर, आपको एक ऐसा मानचित्र बनाने में सक्षम होना चाहिए जो आपके आगंतुकों के लिए स्टाइलिश और उपयोगी दोनों हो।

Step 3: Place the map on your site

एक बार जब आपका नक्शा पूर्णता से जुड़ जाता है, तो इसे सहेजना न भूलें। एक बार जब आप ऐसा करते हैं, तो आप इसे मानचित्र के संपादन, प्रतिलिपि बनाने या हटाने के लिए बटन के साथ मुख्य Intergeo Maps page, पर दिखाई देंगे।

The map library in Intergeo.

इस फ़ील्ड में एक short code है जिसमें आप अपनी साइट पर अपना नक्शा सम्मिलित करने के लिए उपयोग कर सकते हैं। आप इसे एक पृष्ठ या पोस्ट पर, या यहां तक कि अपने साइडबार या Footer में विजेट का उपयोग करके add कर सकते हैं।

Adding a shortcode to a page.

बस! अब आपका नक्शा आपकी साइट के सामने के छोर पर पूरी तरह से प्रदर्शित होगा:

A map on a website.

Conclusion

दोस्तों आज की इस पोस्ट में हमने सीखा की WordPress Website में Google Map को कैसे जोड़ें? अगर आप भी अपनी  WordPress Website में Map जोड़ना चाहते हैं तो आप इस पोस्ट जी मदद से बड़ी आसानी से अपनी वेबसाइट में Google Map को जोड़ें सकते है. 

Leave a Reply