किसी पते को Google मैप्स लिंक में कैसे परिवर्तित करें (मैप नहीं)


297

कुछ समय के लिए वेब पर देखने के बाद (Googling), मुझे ऐसा कुछ नहीं मिल रहा है, जो इस तरह से पता करता है:

1200 पेंसिल्वेनिया Ave SE, वाशिंगटन, कोलंबिया जिला, 20003

और इसे क्लिक करने योग्य लिंक में परिवर्तित करता है:

http://maps.google.com/maps?f=q&source=s_q&hl=en&q=1200+Pennsylvania+Ave+SE,+Washington,+District+of+Columbia,+20003&sll=37.0625,-95.677068&sspn=44.118686,114.169922 और यानी = UTF8 और सीडी = 1 & geocode = FT5MUQIdIDlp-डब्ल्यू और विभाजन = 0 & ll = ३८.८,८२,१४७, -७६.९९०१७ और spn = 0.01064,0.027874 और z = 16 & iwloc = एक

jQuery या PHP पसंदीदा या इस पर सिर्फ कोई उपयोगी जानकारी।

जवाबों:


680

इस बारे में कैसा है?

https://maps.google.com/?q=1200 पेन्सिलवेनिया Ave SE, वाशिंगटन, कोलंबिया जिला, 20003

https://maps.google.com/?q=term

यदि आपके पास लंबे समय से है तो नीचे दिए गए URL का उपयोग करें

https://maps.google.com/?ll=latitude,longitude

उदाहरण: maps.google.com/?ll=38.882147,-76.99017

अपडेट करें

वर्ष 2017 तक, Google के पास अब क्रॉस-प्लेटफ़ॉर्म Google मैप्स URL बनाने का एक आधिकारिक तरीका है:

https://developers.google.com/maps/documentation/urls/guide

आप जैसे लिंक का उपयोग कर सकते हैं

https://www.google.com/maps/search/?api=1&query=1200%20Pennsylvania%20Ave%20SE%2C%20Washington%2C%20District%20of%20Columbia%2C%2020003 

7
मैं अक्षांश और देशांतर के साथ कैसे बना सकता हूं?
नदीम gc 16

4
ऐसा लगता है कि यदि उपयोगकर्ता नए Google मानचित्र का उपयोग कर रहा है तो यह तरीका थोड़ा परतदार है। एक लिंक बनाने के लिए जो परिणामी पृष्ठ को क्लासिक मोड में प्रकट करने के लिए मजबूर करता है, बस &output=classicअपने लिंक को जोड़ें । तो पूरी बात इस तरह http://maps.google.com/?q=1200%20Pennsylvania%20Ave%20SE,%20Washington,%20District%20of%20Columbia,%2020003&output=classic
मैट

4
@ मैट यह कैसे परतदार है? इसके अलावा, आउटपुट = क्लासिक हमेशा के लिए आसपास नहीं रहेगा, और क्या होगा यदि उपयोगकर्ता नए नक्शे पसंद करता है?
क्रिस बी

2
URL के माध्यम से मानचित्र पर ड्रॉप पिन प्राप्त करने का कोई तरीका?
पिस्सू

5
यह अभी भी महान (धन्यवाद @ChrisB!) काम करता है लेकिन ऐसा लगता है गूगल मैप्स के अपने प्रारूप अब है https://www.google.com/maps/place/1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003 ¶ कुछ स्थानों तुम सिर्फ नाम का उपयोग कर के साथ भाग प्राप्त कर सकते हैं के लिए ... लेकिन maps.google.com/?q=और www.google.com/maps/place/जरूरी एक ही परिणाम नहीं देंगे: https://www.google.com/maps/place/White Houseकरने के लिए फैलता है https://www.google.com/maps/place/The+White+House,+1600+Pennsylvania+Ave+NW,+Washington,+DC+20500लेकिन https://maps.google.com/?q=White Houseनेकां में एक एंटीक स्टोर देता है
henry

67

मुझे पता है कि मुझे खेल में बहुत देर हो चुकी है, लेकिन मैंने सोचा कि मैं पोस्टर के लिए योगदान दूंगा।

मैंने एक छोटा jQuery फ़ंक्शन लिखा है जो स्वचालित रूप से किसी भी <address>टैग को Google मानचित्र लिंक में बदल देगा ।

यहां एक डेमो देखें।

$(document).ready(function () {
   //Convert address tags to google map links - Michael Jasper 2012
   $('address').each(function () {
      var link = "<a href='http://maps.google.com/maps?q=" + encodeURIComponent( $(this).text() ) + "' target='_blank'>" + $(this).text() + "</a>";
      $(this).html(link);
   });
});

बक्शीश:

मुझे एक ऐसी स्थिति भी आई जो लिंक से एम्बेडेड नक्शे बनाने के लिए कहा गया था, और हालांकि मैं भविष्य के यात्रियों के साथ साझा करूंगा:

एक पूर्ण डेमो देखें

$(document).ready(function(){
    $("address").each(function(){                         
        var embed ="<iframe width='425' height='350' frameborder='0' scrolling='no'  marginheight='0' marginwidth='0' src='https://maps.google.com/maps?&amp;q="+ encodeURIComponent( $(this).text() ) +"&amp;output=embed'></iframe>";
        $(this).html(embed);             
    });
});

@Michael जैस्पर उर कोड के लिए ... यह मुझे div में नक्शा मिला ... लेकिन मेरी समस्या है पिन जानकारी पॉपअप हो जाता है ... जो मुझे नहीं चाहिए। यू यू पिन गाइड बॉक्स न खोलने के लिए मेरा मार्गदर्शन कर सकते हैं। ?????.thnx अग्रिम में ...
श्वेत

3
कृपया ध्यान रखें कि HTML5 <address>टैग का उद्देश्य डाक पता प्रदान करना नहीं है, बल्कि सामग्री (आमतौर पर लेखक) से संबंधित संपर्क जानकारी प्रदान करना है। developer.mozilla.org/en-US/docs/Web/HTML/Element/address
Neograph734

बहुत बढ़िया जवाब! साझा करने के लिए धन्यवाद। मुझे यकीन नहीं है कि इसके बारे में परिणाम हैं, लेकिन इसके बिना भी काम किया encodeURIComponent()
Moreirapontocom

12

फ़रवरी, 2016:

मुझे ऐसा करने की आवश्यकता थी क्लाइंट के आधार पर डेटाबेस के मानों में प्रवेश किया और बिना किसी लेट / लॉन्ग जनरेटर के। Google वास्तव में इन दिनों lat / long पसंद करता है। यहाँ मैंने सीखा है:

1 लिंक की शुरुआत इस तरह दिखती है: https://www.google.com/maps/place/

2 फिर आपने अपना पता दिया:

  • किसी भी स्थान के बजाय + का उपयोग करें।
  • शहर के सामने और पीछे एक अल्पविराम लगाएं।
  • डाक / जिप और प्रांत / राज्य को शामिल करें।
  • किसी भी # को कुछ नहीं के साथ बदलें।
  • किसी भी ++ या ++++ को सिंगल + से बदलें

3 जगह के बाद पता लगाएं /

4 फिर अंत में एक स्लैश डालें।

नोट: अंत में स्लैश महत्वपूर्ण था। उपयोगकर्ता द्वारा लिंक पर क्लिक करने के बाद, Google आगे बढ़ता है और URL को अधिक जोड़ता है और वे इस स्लैश के बाद करते हैं।

इस सवाल के लिए काम कर रहे उदाहरण:

https://www.google.ca/maps/place/1200+Pennsylvania+Ave+SE,+Washington,+DC+20003/

मुझे आशा है कि वह मदद करेंगे।


उदाहरण काम करता है, मैं एक जर्मन पते के लिए इसे फिर से बनाने में सक्षम नहीं था। मैंने क्रिस बी के उत्तर (... /? Q = शब्द) को लागू करना समाप्त कर दिया।
gl03

शुक्र है कि यह अब जर्मन पते के लिए भी काम कर रहा है। देखें: google.com/maps/place/…
Yannick Schuchmann



2

माइकल जैस्पर और जॉन हेंडरशॉट के समाधान से उधार लेकर, मैं निम्नलिखित प्रस्तुत करता हूं:

$('address').each(function() {
    var text = $(this).text();

    var q    = $.trim(text).replace(/\r?\n/, ',').replace(/\s+/g, ' ');
    var link = '<a href="http://maps.google.com/maps?q=' + encodeURIComponent(q) + '" target="_blank"></a>';

    return $(this).wrapInner(link);
});

यह समाधान पहले दिए गए समाधानों पर निम्नलिखित लाभ प्रदान करता है:

  • यह HTML टैग (उदा <br>टैग) को नहीं हटाएगा <address>, इसलिए स्वरूपण संरक्षित है
  • यह URL को ठीक से एनकोड करता है
  • यह अतिरिक्त स्थानों को नष्ट कर देता है ताकि उत्पन्न URL छोटा और क्लीनर और एन्कोडिंग के बाद मानव-पठनीय हो
  • यह वैध मार्कअप का उत्पादन करता है (Mr.Hendershot का समाधान बनाता है <a><address></address></a>जो अमान्य है क्योंकि इन- <address>लाइन तत्वों जैसे ब्लॉक-स्तरीय तत्वों की अनुमति नहीं है <a>

कैविएट : यदि आपके <address>टैग में ब्लॉक-स्तरीय तत्व जैसे <p>या हैं <div>, तो यह जावास्क्रिप्ट कोड अमान्य मार्कअप में उत्पन्न होगा (क्योंकि <a>टैग में उन ब्लॉक-स्तरीय तत्व होंगे)। लेकिन अगर आप सिर्फ इस तरह से सामान कर रहे हैं:

<address>
  The White House
  <br>
  1600 Pennsylvania Ave NW
  <br>
  Washington, D.C.  20500
</address>

तब यह ठीक काम करेगा।


मैंने अपनी आवश्यकताओं के लिए आपके कोड को केवल ट्विक करके अपने प्रोजेक्ट में आपके समाधान का उपयोग किया। यह अभी के लिए काम करता है।
माइकोडिंगप्रोजेक्ट

2

यह मैंने Google मानचित्र लेखों में से एक से पाया है:

  1. Google मानचित्र खोलें ।
  2. सुनिश्चित करें कि मानचित्र या सड़क दृश्य छवि को आप मानचित्र पर शो को एम्बेड करना चाहते हैं।
  3. ऊपरी बाएं कोने में, मुख्य मेनू पर क्लिक करें,।
  4. साझा करें या मैप पर क्लिक करें
  5. दिखाई देने वाले बॉक्स के शीर्ष पर, एंबेड मैप टैब चुनें।
  6. इच्छित आकार चुनें, फिर कोड कॉपी करें और उसे अपनी वेबसाइट या ब्लॉग के स्रोत कोड में पेस्ट करें।

नोट : यदि आप मैप्स इन लाइट मोड का उपयोग कर रहे हैं , तो आप मैप को एम्बेड नहीं कर पाएंगे। ध्यान रखें कि ट्रैफ़िक जानकारी और कुछ अन्य मैप्स की जानकारी एम्बेडेड मैप में उपलब्ध नहीं हो सकती है।

यहां छवि विवरण दर्ज करें


इससे मेरा काम बनता है। इस एम्बेड कोड को कॉपी करें और अपनी वेबसाइट पर पेस्ट करें।
कबीर हुसैन

1

पर http://www.labnol.org/internet/tools/short-urls-for-google-maps/6604/ वे छोटे URL कि बहुत अच्छी तरह से काम करता है दिखाने

विशेष रूप से IM, ट्वीट या ईमेल पर भेजते समय Google मैप्स URL बहुत सुंदर होते हैं। MapOf.it आपको खोज पैरामीटर के रूप में केवल स्थान के पते को निर्दिष्ट करके Google मानचित्र से लिंक करने का एक त्वरित तरीका प्रदान करता है।

http://mapof.it/

मैंने इसे कुछ अनुप्रयोगों के लिए उपयोग किया है जिन्हें मैंने डिज़ाइन किया है और यह एक आकर्षण की तरह काम करता है।


1
http://maps.google.com/maps?q=<?php echo urlencode($address); ?> 

सांकेतिक शब्दों में बदलना उर में कनवर्ट करता है और सभी अतिरिक्त तत्वों को जोड़ता है जैसे रिक्त स्थान और सभी। इसलिए आप आसानी से db से प्लेन टेक्स्ट कोड प्राप्त कर सकते हैं और जोड़े जाने वाले विशेष वर्णों की परवाह किए बिना इसका उपयोग कर सकते हैं


1
एनकोडुरोकोम्पोनेंट जावास्क्रिप्ट है, आपको urlencode ($ पता) का उपयोग करना चाहिए;
19

1

इस लाइन का उपयोग करने का सबसे अच्छा तरीका है:

var mapUrl = "http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=16900+North+Bay+Road,+Sunny+Isles+Beach,+FL+33160&amp;aq=0&amp;sll=37.0625,-95.677068&amp;sspn=61.282355,146.513672&amp;ie=UTF8&amp;hq=&amp;hnear=16900+North+Bay+Road,+Sunny+Isles+Beach,+FL+33160&amp;spn=0.01628,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed"

आवश्यक होने पर पहले और दूसरे पते को बदलना याद रखें।

आप काम के नमूने को देख सकते हैं


1

मेरे पास एक समान मुद्दा था जहां मुझे साइट पर प्रत्येक पते के लिए यह पूरा करने की आवश्यकता थी (प्रत्येक एक पते के टैग में लिपटे हुए थे)। इस बिट jQuery ने मेरे लिए काम किया। यह प्रत्येक <address>टैग को पकड़ लेगा और इसे उस टैग के साथ एक Google मानचित्र लिंक में लपेट देगा जिसमें टैग सम्‍मिलित है!

$("address").each(function(){

    var address = $(this).text().replace(/\,/g, '');
    var url = address.replace(/\ /g, '%20');

    $(this).wrap('<a href="http://maps.google.com/maps?q=' + url +'"></a>');

}); 

काम करने का उदाहरण -> https://jsfiddle.net/f3kx6mzz/1/


2
URL को मैन्युअल रूप से स्ट्रिंग से बचने के encodeURIComponentबजाय , आप इसके बजाय उपयोग कर सकते हैं ।
सैमुअल

0

इसके अलावा, कोई भी व्यक्ति स्वयं पते को URLENCODE करना चाहता है: http://code.google.com/apis/maps/documentation/webservices/index.html#BuildingURLs

आप जीएम मानकों को पूरा करने वाले विशिष्ट नियमों को बनाने के लिए उपयोग कर सकते हैं।


यह अब एक 404 की ओर जाता है, दुर्भाग्य से।
डैरेन मोनाहन

1
माफ़ करना। यह टिप्पणी बहुत पुरानी है ... मुझे संदेह है कि इस प्रश्न में जिस एपीआई का उपयोग किया जा रहा था, उसका संस्करण अभी भी आसपास है, लेकिन यहाँ संदर्भ के लिए प्रयुक्त लिंक क्या है: web.archive.org/web/20110420023220/https:// code.google.com/apis/…
एड मैचेम

0

C # रिप्लेसमेंट विधि आमतौर पर मेरे लिए काम करती है:

foo = "http://maps.google.com/?q=" + address.Text.Replace(" ","+");

0

मुझे बस यही मिला और शेयर करना पसंद है ।।

  1. अपना पता maps.google.com पर खोजें
  2. नीचे दाईं ओर स्थित गियर आइकन पर क्लिक करें
  3. "साझा या एम्बेड नक्शा" पर क्लिक करें
  4. शॉर्ट url चेकबॉक्स पर क्लिक करें और परिणाम को href में पेस्ट करें।
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.